HTML标签语言

2019-01-07 本文已影响0人万年神药板蓝根

简述

什么是 HTML？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

例子:

<!-- <html> 与 </html> 之间的文本描述网页 -->
<html>
<!-- <body> 与 </body> 之间的文本是可见的页面内容 -->
<body>
<!-- <h1> 与 </h1> 之间的文本被显示为标题 -->
<h1>我的第一个标题</h1>
<!-- <p> 与 </p> 之间的文本被显示为段落 -->
<p>我的第一个段落。</p>

</body>
</html>

HTML 元素

HTML 元素指的是从开始标签 < >到结束标签</ > 的所有代码。

HTML 元素语法

HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

HTML 元素嵌套

大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。
HTML 文档由嵌套的 HTML 元素构成。

<div>
  <p>HTML标签可以嵌套使用</p>
</div>

常用标签

<h1-h6> 标题

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

<p> 段落

HTML 段落是通过 <p> 标签进行定义的。

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

<a> 链接

HTML 链接是通过 <a> 标签进行定义的。

<!-- href写该链接指向的地址 -->
<a href="http://baidu.com">这是一个链接</a>

<img> 图像

HTML 图像是通过 <img> 标签进行定义的。

<!-- src写图像的路径，width和heigth指定图片的宽高 -->
<img src="w3school.jpg" width="104" height="142" />

<hr /> 水平线。

<hr />

注释

<!-- HTML中的注释包括在这样的符号内-->

<br /> 换行

<br />