Web前端期末复习【超实用】
这本书的HTML内容完完整整总结如下(书上有些属性已过时)
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML学习总结</title>
    <meta name="keywords" content="关键字1,关键字2,..." />
    <meta name="discription" content="网站简介" />
    <meta name="copyright" content="本资料版权归Pigeon所有。All Rights Reserved">
    <meta http-equiv传送HTTP通信协议标题头="content-type" content="text/html定义文档的MIME类型" />
    <meta http-equiv键-值对="refresh" content="3" />
    <meta http-equiv="refresh" content="刷新间隔时间;url=页面地址" />       
</head>
<body background="图片路径" bgcolor="" bgproperties="fixed" link="" alink="" vlink="" leftmargin="">
    " < © ™
    & > ®
    <h2 align=""><font face="隶书" color="" size="">字号默认为3</font></h2>
    <b></b><strong>粗体</strong>
    <i></i><cite></cite><em></em><var>斜体</var>
    <sup>上标</sup><sub>下标</sub><big>大号字</big><small>小号字</small><u>下划线</u>
    <s></s><strike>删除线</strike>
    <p>单标记只跟上文产生一空行间隔,双标记则与上下文都产生</p>
    两个<br />等效于一个<p>单标记
    <pre>
        预格式化标记
    </pre>
    <center>居中标记</center><blockquote>缩排标记</blockquote>
    <hr width="" size="" align="" noshade="noshade" color="" />水平线
    <ol type="1/a/A/i/I(前导符)" start="3(起始编号)">
        <li>有序列表</li>
    </ol>
    <ul type="disc●/circle○/square■">
        <li>无序列表</li>
    </ul>
    <dl>
    <dt>名词一</dt>
    <dd>解释一</dd>
    <dd>解释二</dd>
    </dl>
    <img src="" width="" height="" alt="提示文本" vspace="垂直间距" hspace="水平间距" border="" />
    <marquee direction="up/down/left/right滚动方向" behavior="scroll/slide/al滚动行为" scrollamount="速值默认为6" scrolldelay="默认100毫秒">滚动字幕</marquee>
    <embed src="视频路径" width="" height="" hidden="hidden">嵌入视频</embed>
    <object classid="" codebase="url">
    <param name="" value="动画路径" />
    <embed pluginspage="" src="" type="application/x-shockwave-flash"></embed>
    </object>
    <bgsound src="音乐路径" loop="-1循环播放"></bgsound>
    <applet code="xx.class">Java小程序</applet>
   
    <frameset name="作为超链接的target" cols="水平分割(像素/百分比)" rows="垂直分割" frameborder="默认1(0即no)" framespacing="" />
    <noframes><body>浏览器版本过低,不支持框架</body></noframes>
    <iframe name="" src="" noresize="省略时可调节窗口大小" scrolling="auto/no/yes" >若要使浮动框架在水平居中,需在外嵌套一个<div align="center"></iframe>
    <a href="目标端点" target="_blank新窗口打开/_parent/_search/_self/_top忽略框架在整个窗口中打开"></a>
    <!--——www进入万维网
        mailto:收件人邮址?subject=主题名&cc=抄送邮址&bcc=暗抄送邮址——E-mail启动邮件发送系统
    ftp://——FTP进入文件传输服务器
    telnet://——Telnet启动远程登录方式
    news://——News启动新闻讨论组-->
    <a name="#书签名(内部书签)/file_url#书签名(外部书签链接)" href="脚本链接/文件下载链接">
        <img src="图片链接" />
    </a>
   
    <img src="地图链接" usemap="#Map" />
    <map name="Map">
    <area shape="rect/circle" coords="x1,y1,x2,y2前两个是顶点坐标;后两个是右下顶点/x,y,r前两个是圆心;后一个是半径" href="#Asia" alt="亚洲" />
    </map>
    <table border="像素" bordercolor="" bgcolor="" background="" cellpadding="内容边距" cellspacing="间距默认为2">
    <caption align="left/center水平居中/right" valign="top/middle垂直居中/bottom">表格标题</caption>
    <tr>
    <th></th>
    </tr>
    <tr>声明一行
    <td>声明一单元格</td>
    </tr>
    </table>
    <form name="" action="" method="post/get(P116)" onsubmit="指定处理表单的脚本函数" enctype="设MIME类型,默认application/x-www-form-urlencoded;若需上传文件到服务器时应改为multipart/form-data">
        <input type="text/password/file/hidden隐藏域传递value值/radio/checkbox/button默认没字/submit/reset默认写“重置”/image" name="" maxlength="最多可输入" size="默认24" value="默认值" checked="checked" onclick="delete"/>
        <script>
        function delete(){
            if(confirm("确定要删除吗?"))
            window.location="delete.jsp";
        }
        </script>
        <select name="fruits" size="2" multiple="multiple">
        <option value="apple" selected="selected">选择列表</option>
        </select>
css样式表优先级最高        <textarea name="remark" rows="行数" cols="列数"></textarea>
    </form>
    <!--html(Hypertext Markup Language)超文本传输语言
            http(Hypertext Transfer Protocol)超文本传输协议
        URL(Uniform Resource Locator)统一资源定位符
        W3C(World Wide Web Consortium)万维网联盟
        CSS(Cascading Style Sheet)层叠样式表-->
</body>
</html>
这本书的CSS内容总结(书本只列举最常用的东西)
一、标记选择器★
二、字体属性
                        font-size(绝对大小、相对大小、百分数、具体值pt、px、in)
                        font-family
                        font-weight(normal、lighter、bold、bolder)
                        font-style(normal、italic=oblique)

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。