1.<hr/>
水平分割线
2.<p>
段落
3.<br/>
折行
4.标签的style属性
5.<abbr>
缩略词:对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息
6.<dfn>
定义项目:包含title属性或子标签含有title,则title定义项目(悬停显示title)
7.<pre>
定义预格式化文本:保留空格和换行,等宽字体,允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。标签中的特殊符号被转换为符号实体,比如 <
代表 “<”,>
代表 “>”。
8.<code>
定义编程代码示例,元素不保留多余的空格和折行
9.<var>
定义数学变量
10.css样式表:
- 外部样式表:
<link rel="stylesheet" type="text/css" href="mystyle.css">
- 内部样式表:
<style type="text/css">
body {background-color: red}
</style>
- 内联样式表:在相关标签中添加
11.<link>
外部样式表:
- href属性,url
- rel属性:stylesheet-text/css, (【5】icon:表示该文档title里的图标),
- type属性:一般都是"text/css"
- media属性:设备-screen电脑屏幕(默认),print打印,all全部
- sizes属性:当rel="icon"时,定义图片大小(eg:50x50)
12.<a>
链接(超链接):使用<a>
标签,字或者图,箭头会变为一只小手
- href属性:url
- name属性【不支持5】:设置锚,后多用id代替(a标签中用id="#C1"),可以找到iframe中的name值
- target:在何处打开窗口(_blank-新窗口,_self-默认,_parent-父框架集中打开,_top-整个窗口,framename-指定框架)
<li><a href="#C1">第一章</a></li>
<li><a href="#C2">第二章</a></li>
<h2><a name="C1">第一章</a></h2>
<p>本章讲解的内容是 ... ...</p>
<h2><a name="C2">第二章</a></h2>
<p>本章讲解的内容是 ... ...</p>
- rel属性:描述当前文档与被链接文档的关系
- 制作电子邮箱:
<a href="mailto:aaa@5icool.org?subject=ccc&body=xxx%0d%0ayyy">aaa</a>
13.<img>
图像标签
- src源属性
- alt替换文本属性(不加载时显示)
- height,width
- usemap图像映射:划分不同区域,与
<area>
一起用,area:alt-必备属性,href-区域目标url,shape-定义形状(rect矩形-“x1,y1,x2,y2”,circy圆型-“x,y,z”,poly多边形-“x1,y1,x2,y2,x3,y3,…”),coord-X Y坐标配合shape(“0,0”左上角零点),target-在何处打开窗口(_blank-新窗口,_self-默认,_parent-父框架集中打开,_top-整个窗口,framename-指定框架)
<img src="planets.gif" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
<area href="sun.htm" shape="rect" coords="0,0,110,260">Sun</a>
<area href="mercur.htm" shape="circle" coords="129,161,10">Mercury</a>
<area href="venus.htm" shape="circle" coords="180,139,14">Venus</a>
</map>
14.<table>
表格:
<table>
<caption>标题</caption>
<tr>
<th>表头</th>
</tr>
<tr>
<td>表格</td>
</tr>
</table>
15.<ul> <li>
无序列表<ol> <li>
16.<frameset> <frame>
框架
<frameset>
:定义如何将窗口分割为框架,每个 frameset 定义了一系列行或列,rows/columns 的值规定了每行或每列占据屏幕的面积。
<frame>
:定义了放置在每个框架中的 HTML 文档
不能将 标签与 标签同时使用!
17.<iframe>
内联框架:隔离页面
- frameborder是否显示边框
- height,width
- scr
- name:链接目标,用name设定链接target值
- scrolling是否现在滚动条
- marginheight,marginwitdth:边距
支持全局属性和全局事件
18.<meta>
定义html文档元数据
- context:必须属性,与httjp-equiv,name一起使用,定义对应值
- http-equiv:加载在HTTP的头部,形成描述性信息的值对(content-type:文档类型text/html; expires:过了期限需去服务器重新调阅, refresh:刷新时间并跳转到(
<meta http-equiv="refresh" content="5; url=http://www.baidu.com">
),set-cookie:可以禁用缓存,重新设置) - name:author,description,keywords描述性,供给网络搜索引擎描述
19.<base>
为所有链接(url)地址添加默认目标
- url:页面所有url定位,可以在相对路径上规定给前面部分,只解析相对url
- target:打开链接的方式,统一定义
20.URL
scheme://host.domain:port/path/filename
- scheme - 定义因特网服务的类型。最常见的类型是 http
- host - 定义域主机(http 的默认主机是 www)
- domain - 定义因特网域名,比如 w3school.com.cn
- :port - 定义主机上的端口号(http 的默认端口号是 80)
- path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
- filename - 定义文档/资源的名称
21.<!DOCTYPE> 声明
<!DOCTYPE html>
:html5<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
:html 4.01