HTML常用标记

来源：互联网发布：win10没有windows聚焦编辑：程序博客网时间：2024/06/06 05:09

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>