Kalpa Blog|

HKalpa

园龄:2年11个月粉丝:16关注:2

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>

本文作者:HKalpa

本文链接:https://www.cnblogs.com/HKalpa/p/16742707.html

版权声明:本作品采用本人所有操作均在实验环境下进行,用于其它用途后果自负,作者不承担相应的后果。中国大陆许可协议进行许可。

posted @   HKalpa  阅读(55)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起
  1. 1 绅士 薛之谦
绅士 - 薛之谦
00:00 / 00:00
An audio error has occurred.

作词 : 薛之谦

作曲 : 薛之谦

编曲 : 杨子朴

好久没见了什么角色呢

细心装扮着

白色衬衫的袖扣是你送的

尽量表现着像不在意的

频繁暴露了自欺欺人者

越掩饰越深刻

你说我说听说

忍着言不由衷的段落

我反正决定自己难过

我反正决定自己难过

我想摸你的头发

我想摸你的头发

只是简单的试探啊

我想给你个拥抱

我想给你个拥抱

像以前一样可以吗

你退半步的动作认真的吗

小小的动作伤害还那么大

我只能扮演个绅士

才能和你说说话

我能送你回家吗

我能送你回家吗

可能外面要下雨啦

我能给你个拥抱

我能给你个拥抱

像朋友一样可以吗

我忍不住从背后抱了一下

我忍不住从背后抱了一下

尺度掌握在不能说想你啊

你就当刚认识的绅士

闹了个笑话吧

尽量表现着善解人意的

尽量表现着善解人意的

频繁暴露了不欲人知的

越掩饰越深刻

想说听说别说

忍着言不由衷的段落

我反正注定留在角落

我想摸你的头发

我想摸你的头发

只是简单的试探啊

我想给你个拥抱

我想给你个拥抱

像以前一样可以吗

你退半步的动作认真的吗

你退半步的动作认真的吗

小小的动作伤害还那么大

我只能扮演个绅士

才能和你说说话

我能送你回家吗

我能送你回家吗

可能外面要下雨啦

我能给你个拥抱

像朋友一样可以吗

我忍不住从背后抱了一下

我忍不住从背后抱了一下

尺度掌握在不能说想你啊

你就当刚认识的绅士

闹了个笑话吧

你能给我只左手

你能给我只左手

牵你到马路那头吗

我会像以前一样

我会像以前一样

看着来往的车子啊

我们的距离在眉间皱了下

迅速还原成路人的样子啊

越有礼貌我越害怕

绅士要放得下

制作人 : 杨子朴

钢琴 : 杨子朴

吉他 : 杨子朴

合声 : 杨子朴

录音 : 金宇

混音 : 王用均