HTML标签
一、HEAD
1、TITLE标签
title元素可定义文档的标题
<title>hello</title>
1、背景色(BGCOLOR)
指定HTML文档的背景色。
<body bgcolor="666666">
...
</body>
2、背景图片(BACKGROUND)
指定HTML文档的背景文件。
<body background="x.jpg">
...
</body>
3、标题标签(H)
HTML标题是通过 h1 - h6 等标签进行定义的。
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
4、段落标签(P)
HTML段落是通过 p 标签进行定义的。
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
5、预格式化标签(PRE)
pre 标签保留了空格和换行,很适合显示计算机代码。
<pre>
锄禾日当午,
汗滴禾下土。
谁知盘中餐,
粒粒皆辛苦。
</pre>
6、无序列表(UL-LI)
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于 ul 标签,每个列表项始于 li。
<ul>
<li>001</li>
<li>002</li>
<li>003</li>
</ul>
7、有序列表(OL-LI)
有序列表是一列项目,列表项目使用数字进行标记。
有序列表始于 ol 标签,每个列表项始于 li 标签。
<ol>
<li>001</li>
<li>002</li>
<li>003</li>
</ol>
8、描述性列表(DL-DT-DD)
<dl>
<dt>电脑</dt>
<dd>联想</dd>
<dd>戴尔</dd>
<dt>手机</dt>
<dd>华为</dd>
<dd>荣耀</dd>
</dl>
9、表格(TABLE-TR-TH-TD)
表格由 table 标签来定义。每个表格均有若干行(由 tr 标签定义),每行被分割为若干单元格(由 td 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table border="1">
<tr>
<th>姓名</th>
<td>张三</td>
<td>李四</td>
</tr>
<tr>
<th>性别</th>
<td>男</td>
<td>女</td>
</tr>
</table>
10、字体修饰标签
<b>...</b> // 粗体字
<i>...</i> // 斜体字
<u>...</u> // 下划线
<tt>...</tt> // 打字机效果
<sup>...</sup> // 上标
<sub>...</sub> // 下标
<em>...</em> // 文本强调,通常用斜体
<strong>...</strong> // 文本强调,通常用粗体
11、字体标签(FONT)
<font size="9px" color="666666">...</font>
12、超链接标签(A)
<a href="#">...</a>
12.1 TARGET属性
Target 属性可以定义被链接的文档在何处显示。
<a href="#" target="_blank">...</a>
12.2 TITLIE属性
为链接添加附加解释信息,当鼠标悬停在超链接的文字或者图片等对象上的时候显示解释信息。
<a href="#" title="Hello World">...</a>
12.3 NAME属性
name 属性规定锚(anchor)的名称。可以使用 name 属性创建 HTML 页面中的书签,书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样就无需不停地滚动页面来寻找信息了。
// 首先在 HTML 文档中对锚进行命名(创建一个书签):
<a name="x">NAME属性</a>
// 然后在同一个文档中创建指向该锚的链接:
<a href="#x">锚</a>
// 也可以在其它页面中创建指向该锚的链接:
<a href="http://xxx/x.tyml#x">锚</a>
13、图像标签(IMG)和源属性(SRC)
在 HTML 中,图像由 img 标签定义,img 是空标签,它只包含属性并且没有闭合标签。
要在页面上显示图像需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。
<img src="url" />
13.1 WIDTH和HEIGHT属性
<img width="99px" hight="99px" src="url" />
13.2 ALIGN属性
<img align="center" src="url" />
14、框架集标签(FRAMESET)
<html>
<frameset cols="25%,50%,25%">
<frame src="#">
<frame src="#">
<frame src="#">
</frameset>
</html>
15、表单(FORM)
HTML表单用于收集用户输入。
// type="text" 定义用于文本输入的单行输入字段
<form>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>
本文作者:HKalpa
本文链接:https://www.cnblogs.com/HKalpa/p/16742707.html
版权声明:本作品采用本人所有操作均在实验环境下进行,用于其它用途后果自负,作者不承担相应的后果。中国大陆许可协议进行许可。