HTML常用标记
HTML(Hypertext Markup Language)超文本标记语言,适用于编写网页的一种标记语言。
下面我来简单介绍一下HTML:
一、HTML元素与标签:
1、HTML标签:
一个标签由开始标签,属性,值对,内容和结束标签组成,并且标签可以嵌套。
例如下面例子中的<body>…</body>和<font>…</font>都是标签,color是属性,red是值,http://www.baidu.com是内容。
<body>
<font color="red">http://www.baidu.com</font></body>
2、HTML元素:(有四种形式)
空元素:<br>
带有属性的空元素:<hr color="blue">
带有内容的元素:<title>http://www.baidu.com</title>
带有内容和属性的元素:<font color="red">http://www.baidu.com</font>
二、HTML常用标记:
1、与结构相关的标签:
页面标题:<head><title>页面标题</title></head>
页面内容:<body>页面内容</body>
2、与段落控制相关的标签:
创建一个段落(paragraph):
<p align="#“> (其中#可以取值为left、center、right、justify)
换行(line break):<br>
插入一条水平线(horizontal rule):
<hr color="clr">(其中clr可以取值颜色名字或颜色值)
3、插入特殊字符:
下面的表格是对应着常用的特殊字符的输入:
注意:在HTML文档中,标签和属性是不区分大小写,但是实体引用是区分大小写的。
4、HTML注释:
创建注释:<!--注释内容-->
5、列表标签:
建立数字编号的列表:<ol start="起始序号"><li value=“编号顺序">列表项目内容</ol>
建立制定编号的格式和顺序的列表:<ol type="#"><li value=“编号顺序">列表项目内容</ol>(其中#可取值A代表大写字母,a代表小写字母,I代表答谢罗马数字,i代表小写罗马数字,1代表阿拉伯数字)
建立带有项目符号的列表:<ul type="#"><li value=“编号顺序">列表项目内容</ul>(其中#可取值disc代表实心圆圈,square代表实心方块,circle代表空心的圆圈)
建立无符号的列表:<dl><dt>列表内容<dt>列表内容</dl>如果将其中dt改为dd则列表内容可缩进
建立术语列表:在<dl>元素中同时使用<dt>和<dd>,其中术语用<dt>指定,说明用<dd>指定
6、表格标签:
建立表格:<table border=n align="align="alignment" bgcolor="clr">…</table>
表格标题:<caption>表格标题</caption>
添加新行((table row):<tr align="alignment" valign="alignment">…</tr>
定义表头(table head):<th>…</th>
定义单元格:<td>…</td>
7、HTML交互式表单:
表单的创建:<form method="get/post" action="URL”>……</form>
接受用户输入信息:<input type="type" name="name" size="size" value="value">
8、列表框标签:
创建列表框:<select><option>列表框内容</option><option>列表框内容</option></select>
9、多行文本输入控件标签:
创建多行文本输入控件:<textarea name="name" rows="number of rows" cols="number of columns">默认文本内容</textarea>
10、超链接标签:
创建超链接:<a href="URL">…</a>
11、嵌入图像标签:
嵌入图像:<img src="URL" width=n height=n>