HTML常用标签小结

前言：HTML是用来描述网页的一种语言是一种超文本标记语言

1.行标题

格式：<h1>行标题</h1>

注：标题（Heading）是通过<h1>到<h6>等标签进行定义

<h1>定义最大的标题以此类推 <h6>定义最小的标题

2.段落标签

格式：<p>段落标签</p>

注：<p>是块级元素浏览器会自动地在段落的前后添加空行

3.HTML链接

格式：<a href = "http://www.baidu.com">百度</a>

4.HTML图像

格式：<img src = "w3chool.jpg" width = "104" height = "300"/>

5.水平线

格式：<hr/>

6.html定义HTML文档

格式：<html></html>

7.body定义文档的主体

格式：<body></body>

8.定义注释

格式：

9.对齐及背景色属性

对齐属性

格式：<h1 align = "center">对齐属性</h1>

背景色属性

10.换行标签

格式:<br/>

注：我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。

对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。

需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

11.样式属性 style

实例：<p style = "font-size:20px">样式style</p>

段落字体大小为20px

style 属性淘汰了“旧的” bgcolor 属性。

新的：<body style = "background-color:yellow"></body>

style 属性淘汰了旧的<font>标签。

新的：<p style = "font-family:arial;color:red;font-size:20px;">font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸</p>

style 属性淘汰了旧的 "align" 属性。

新的：<h1 style = "text-align:center">新的文本对齐方式</h1>

12.HTML文本格式化

格式：

<big>定义大号字</big>

<em>定义着重文字</em>

<i>定义斜体字</i>

<small>定义小号字</small>

<sub>定义下标字</sub>

<sup>定义上标字</sup>

<pre>这是预格式文件即使用这个标签可以把文本可以按照你现在写的样子保存下来</pre>

13.“计算机输出” 标签：

<code>定义计算机代码</code>

<kbd>定义键盘码</kbd>

<tt>定义打字机代码</tt>

<samp>定义打字机代码样本</samp>

14.块引用：

15.删除文字

<del>删除删除的字</del>

<ins>下划线文字</ins>

16.缩略词

<abbr>元素定义缩写或首字母缩略语。</abbr>

<cite>定义著作的标题。浏览器通常会以斜体显示元素。</cite>

<bdo dir = "rtl">定义文本书写方向从右往左（rtl） </bdo>

17.HTML链接 - target属性

使用 Target 属性，你可以定义被链接的文档在何处显示。

如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

18.表格

表格由<table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由<td>

标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<tr>行</tr>、

19.列表

无序列表以粗体圆点典型的小黑圆圈进行标记

<ul>

</ul>

有序列表默认从1开始若设置了start 则从start开始

</ol>

20.块

大多数 HTML 元素被定义为块级元素或内联元素。

<div>元素是块级元素，它是可用于组合其他 HTML 元素的容器。

<span>元素是行内联元素，可用作文本的容器

HTML常用标签小结