语法及常用标记（html）

1.常规标记/双标记

<标记 属性="属性值"  属性="属性值"></标记>

2. 空标记/单标记

<标记 属性="属性值"/>

说明：写在<>中的第一个单词叫做标记，标签，元素名。

标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在双引号（" "）内。

一个标记可以没有属性值也可以有多个属性，属性和属性之间不分先后顺序。

空标记没有单独的结束标签，用斜杠("/")代替。

1.文本标题标签

<h1>一级标题</h1>

<h2>二级标题</h2>

…

<h6>六级标题</h6>

2.水平线

<hr/>空标记

3.段落

<p>段落文本内容</p>

4.强制换行

<br/>是一个空标记

5.空格

<>

---所占位置没有一个确定的值，这与当前字号字体都有关系。

6.加粗

<b>加粗内容</b>-----样式标签

<strong>加粗内容</strong>表示该文本比较重要，提醒读者/终端注意表示强调

7.倾斜标记

<em>  </em>---语义标签

<i></i>样式标签

8.

区别：

<strong><em>逻辑字体格式化标签.表示 强调 .默认效果是通过字体加粗/倾斜来表示语义强调.而<b><i>标签就是字体加粗/倾斜标签，没有语意强调的意思，一般称为物理(无意义)字体格式化标签。

语意强调作用的<strong><em>比<b><i>更容易引起搜索引擎的注意，但是如果只是为了加粗样式，建议在css样式表里实现。

9.

扩展    HTML和XHTML的语法区别

XHTML，要求标签正确嵌套

XHTML，所有标签必须关闭

XHTML，区分大小写

XHTML属性值，要用双引号

XHTML，用id属性代替，name属性

XHTML，特殊字符的处<>

10.列表（ul,ol,dl）

HTML中有三种列表，分别是:无序列表，有序列表，自定义列表.

无序列表

<ul>--unorderList

<li>列表项内容</li>

…..      …..

</ul>

有序列表

<ol>--orderList

<li>列表项内容</li>

<li>列表项内容</li>

…..      …..

</ol>

自定义列表

<dl>

<dt>名词</dt>

<dd>解释</dd>

</dl>

11.

12.

13.表格

数据表格的相关属性

1 ) width="表格的宽度"

2) height=“表格的高度”

3) border=“表格的边框”

4) bordercolor="表格边框颜色"

5 ) bgcolor="表格的背景色”

6) cellspacing=“单元格与单元格之间的间距”

7 ) cellpadding=“单元格与内容之间的空隙”

8)水平对齐方式: align="left/center/right"

垂直对齐方式: valign="top/middle/bottom”；

注:垂直对其方式在td,tr上使用

表格跨行和跨列

colspan=“所要合并的单元格的列数”横向合并；

rowspan=“所要合并的单元格的行数”纵向合并；

基本语法格式：<img src="图像 URL（路径）" />

src属性用于引入图片，指定图像文件的路径，包括绝对路径或相对路径（同级目录（同一文件夹）、上级目录、下级目录）

width和height属性分别用来设置图像的宽度和高度，单位为像素。

border属性用来设置图像的边框，单位是像素，0表示无边框。

基本语法格式：<table>

                                <tr>

                                       <td>单元格内的文字<td>

                                 </tr>

                         </table>

<table></table>用于定义一个表格，<tr></tr>用于定义表格中的行，<td></td>用于定义表格中的单元格（列）。

<th></th>也表示单元格，自动居中，加粗显示

常用的属性：

（1）<table>标记的border属性会为每个单元格应用边框，并用边框围绕表格。

如图，如果border值发生改变，那么只有围绕表格的边框尺寸会发生变化，表格内部的边框还是1像素宽（若改为0，则边框全无）。

（2）width、height：宽度、高度

（3）align：描述表格的位置（文字位置）

（4）cellspacing：描述边框的厚度

（5）cellpadding：描述表格内文字与边框的距离

（6）background：设置表格背景颜色

（6）bgcolor：设置单元格背景颜色

（7）rowspan：设置单元格竖跨的行数（合并）

（8）colspan：设置单元格横跨的列数（合并）

格式：<!-- -->

注释内容不会显示在网页中

---