HTML标签

一、HEAD

1、TITLE标签

title元素可定义文档的标题

<title>hello</title>

二、BODY

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>
posted @ 2022-09-29 19:13  HKalpa  阅读(63)  评论(0)    收藏  举报