HTML中的标签

一下html中文件标签和文本标签的使用

目的是学会使用，所以借助工具可以省好多时间

1.文件标签：构成html最基本的标签

html:html文档的根标签

head：头标签。用于引入html文档的一些属性。引入外部的一些资源

title：标题标签

body：体标签

<!DOCTYPE html>:html5中定义该文档是html

2.文本标签：和文本有关的标签

注释:<!-- 注释内容 –->

<h1> 到<h6>:标题标签自带换行的效果

<p>：表示段落的标签

<br>：换行标签<br/>和<br>的写法都不会报错

<hr>：显示一条水平线（也是一个自闭和标签）水平线有一些属性我们可以控制它的样式。hr里面表示高度是size而不是height.对齐方式默认是居中的。

<b>：字体加粗

<i>：斜体

<font>:字体标签（通过属性来修改字体的字号，大小，颜色，以及字体的样式）

<center>:文本居然标签

这里讲下网页下面的版权标签是如何写出来的。

3.图片标签：用来展示图片的（图片也是一个自闭合标签）

属性:src:用来指定图片的位置

什么都不写默认就是./的形式

../表示上一级目录

4.列表标签：

有序列表:ol,li(li表示的是列表的每一项)

无序列表:ul,li

5.链接标签：

a:定义一个超链接

属性：

href:指定访问资源的URL(统一资源定位符，就是路径的表示形式)

target：（是目标的意思）指定打开资源的方式

_self:在当前页面打开

_blank:在空白页面打开

6.表格标签：在HTML中的表格只有行的概念，没有列的概念，将表格以行的形式进行分割，然后再对行进行操作。

table:定义表格

width:表格的宽度

border:边框

cellpadding:单元格内容左对齐（定义内容和单元格的距离）

cellspacing:边框合并(定义单元格之间的距离，如果指定为0，单元格的线会合为一条)

bgcolor:背景色

align:表格的对齐样式

tr:定义行

bgcolor:背景色

align:表格的对齐样式(是用来修改文本的对齐方式的)

td:定义单元格

colspan:合并列

rowspan:合并行

th:定义表头单元格

<caption>:表格标题

<thread>:表示表格的头部分

<tbody>:表示表格的体部分

<tfoot>:表示表格的脚部分

7.块标签：div和span是结合css使用的

span:文本信息在一行显示，行内标签，内联标签(意思就是它不会换行)

div:是会换行的。每一个div占满一整行。块级别的标签

8.语义化标签：html5中为了提高程序的可读性，提高了一些标签

例

链接到外部样式文件:

<head>

</head>

浏览器支持

所有主流浏览器都支持 <link> 标签。

标签定义及使用说明

注意： link 元素是空元素，它仅包含属性。

注意： 此元素只能存在于 head 部分，不过它可出现任何次数。

HTML 4.01 与 HTML5之间的差异

一些 HTML 4.01 属性在 HTML5 中不支持。

HTML5 新增了 "sizes" 属性。

HTML 与 XHTML 之间的差异

在 HTML 中，<link> 标签没有结束标签。

在 XHTML 中，<link> 标签必须被正确地关闭。

属性

New：HTML5 新属性。

属性	值	描述
charset	char_encoding	HTML5 不支持该属性。定义被链接文档的字符编码方式。
href	URL	定义被链接文档的位置。
hreflang	language_code	定义被链接文档中文本的语言。
media	media_query	规定被链接文档将显示在什么设备上。
rel	alternatearchivesauthorbookmarkexternalfirsthelpiconlastlicensenextnofollownoreferrerpingbackprefetchprevsearchsidebarstylesheettagup	必需。定义当前文档与被链接文档之间的关系。
rev	reversed relationship	HTML5 不支持该属性。定义被链接文档与当前文档之间的关系。
sizesNew	HeightxWidthany	定义了链接属性大小，只对属性 rel="icon" 起作用。
target	_blank_self_top_parentframe_name	HTML5 不支持该属性。定义在何处加载被链接文档。
type	MIME_type	规定被链接文档的 MIME 类型。

全局属性

事件属性

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

例

以下代码标记了一个段落：

<p>这是一个段落。</p>

浏览器支持

目前大多数浏览器支持 <p>标签。

标签定义及使用说明

<p> 标签定义段落。

<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

在HTML 4.01 与 HTML5中的差异

HTML 4.01中标签的 align 属性已经废弃，HTML5不支持该属性。

属性

属性	值	描述
align	leftrightcenterjustify	HTML5不支持。 HTML 4.01已废弃。不赞成使用。请使用样式取代它。规定段落中文本的对齐方式。

全局属性

<p> 标签支持全局属性，查看完整属性表 HTML全局属性。

事件属性

<p> 标签支持所有 HTML事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

在线咨询

上一篇：html5+canvas按钮特效
下一篇：JavaScript 文字跟随鼠标

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

HTML中的标签

您的项目需求