指定网页标题和元标记符:
<title></title> 需放在 < head > 标签内
<meta > 标记符作用:
定义网页关键字可将用户重定向到另一页
可指定字符编码
例如:
重定向:
例如:<meta http-equiv=""content=" ; url= ">
在 < head > 部分加入:<meta charset="utf-8">
只换行, 不开始新的段落, 使用单标记符 < br>
xhtml 代码: 单标记符要以一个空格和一个斜杠 (/) 结尾
用标记符来格式化文本
标题标记符:<h1 > 到 < h6> 定义标题(由大到小)
HTML5 引入新标记符:<hgroup></hgroup> 有多个子标题, 可用该标记符集合
应用粗体和斜体格式:
粗体和斜体用 < b></b > 和 < i></i > 标记符表示要格式化的内容包含在中间
同时使用两种格式:
嵌套: <b><i > 内容</b></i>
如果用 < b><i > 开始, 就要用</i></b > 结束
上标的标记符是 < sup>; 下标的标记符是 < sub>.
应用上标和下标格式:
上标格式使文字变小并把它提到基线以上
上标用于数学公式中的指数格式
下标格式使文字变小并把它放到基线以下下标常用于化学公式
使用固定宽度和预格式化文字:
固定宽度的标记符:
<kdb> 指定用户应该从键盘输入的内容
<code> 用于程序代码
<samp> 用于显示例子的文本
<pre > 标记符: 预格式化, 用固定宽度显示文字, 保留浏览器忽略的空格和换行符
格式化分段引文: 设置引用.
<blockquote > 标记符可以缩进文字和引文
<blockquote > 标记符有一个 cite="URL" 属性
格式:<blockquote cite="URL">
- <p > 内容</p>
- </blockquote>
<q > 标记符, 用于内联引用格式化用途: 在所封装的引用文字加引号
编号列表:<ol>, 顺序列表(ordered list)
项目符号列表: <ul> 无序列表(unordered list)
每一个数字或项目符号列表中的项目由 < li > 定义列表项目(list item)
用起始标记符 < ol > 或 < ul > 开始一个列表
用 < li></li > 标记符来封装列表中的每一项
最后用结束标记符</ol > 或</ul > 来结束列表
嵌套列表:
可以将一个列表嵌套在另一个列表中
更改项目符号或数字符号
项目符号和编号列表可使用一个 list-style-type:type 属性来设置其样式
基于样式的属性
常用的 list style Type 属性值
列表样式 值 结果
项目符号列表 disc 实心圆
circle 空心圆
square 实心方块
编号列表 decimal 1,2,3,4
- decimal-leading-zero 01,02,03,04,
- lower-roman i,ii,iii,iv
- upper-roman I,II,III,IV
- lower-alpha a,b,c,d
- upper-alpha A,B,C,D
应用这个属性时, 将它放在起始标记符 < ul > 或 < ol > 中
方法:<ul style="list-style-type: 值">
指定编号列表的起始数字:
可以使用 < ol > 标记符中的 start="n" 这个属性, n 代表起始数字
只更改一个单独的列表项的数字:
可以用单个列表项标记符 < li > 的 value="n" 属性
创建定义列表(definition list):
是展示词汇及其定义的列表
完整的列表是包含在 < dl > 和</dl > 标记符中的
定义词汇包含在 < dt>(definition term)标记符中
定义文字包含在 < dd>(definition description)标记符中
格式:
- <dl>
- <dt > 词汇</dt>
- <dd > 内容</dd>
- </dl>
插入特殊字符:
- & &(和号)
- <<(小于号)
- >>(大于号)
非换行空格
¢ 分
£ 英镑
¥ 元
© 版权符号
® 注册商标
° 度
×××
商标
± 加或减号
插入水平线
<hr> 单向标识符
可以把网页中的文字分成不同的区域
可已只通过在 < hr > 标记符的 style="attributes" 属性中直接设置外表样式
可以设置的属性有颜色 (color), 背景颜色(background-color), 宽度(width) 和高度(height).
HTML 识别下列 16 种基本颜色:
- Aqua(水绿色), Black(黑), Blue(蓝), Fuchsia(紫红色),
- Gray(灰),Green(绿), Lime(石灰), Maroon(栗色),
- Navy(海蓝),Olive(橄榄绿), purple(紫), Red(红)
- Silver(银), Teal(蓝绿色), White(白), Yellow(黄)
选择背景颜色和前景颜色:
背景颜色的应用:
是网页背景颜色
- <body style="background-color:yellow">
- <body style="background-color:#FFFF00">
- <body style="background-color:rgb(255,255,0)">
这三种背景颜色都是 ×××, 选一种即可
前景颜色的应用:
是网页字体颜色用属性 style="color:color" 来设置
同时设置背景颜色和前景颜色:
例如:
<body style="background-color:black;color:white">
指定颜色:
第 1 种方式: 使用 RGB(红 - 绿 - 蓝)值用一系列 0 到 255 的数字来描述颜色
第 2 种方式: 使用十六进制数字十六进制数字也代表 RGB 值
第 3 种方式: 表示颜色的方法是使用扩展名称
背景颜色的应用:
为整个网页指定背景颜色, 在起始标记符 < body > 中插入 style="background-color:color" 属性
属性值可以使用颜色名称(yellow),RGB 值或十六进制数值
例如:
<body style="background-color:yellow">
前景颜色的应用:
用属性 style="color:color" 来设置前景颜色
例如:
<body style="background-color:yellow; color: blue">
例如:
指定背景图片文件:
在起始标记符 < body > 中使用 style="background-image:url(image)" 属性
要想将背景图片, 背景颜色和前景颜色放入同一个属性中, 使用:
- <body style="background-image: url(picture.jpg);color: green;
- background-color:beige">
强制指定图片的重复性:
<body > 中的 background-repeat = 属性, 并指定 repeat-x(在水平方向重复),repeat-y(在垂直方向重复),
或 no-repeat(不重复).
强制图片固定不动:
在 < body > 标记符中加上 background-attachment=fixed 属性
参考 HTML5 从入门到精通, 本博文为个人总结仅供参考
来源: http://www.bubuko.com/infodetail-2534556.html