html 常用标签简介1.0_html1.0版本标签包含-CSDN博客

本文链接：https://blog.csdn.net/sd_tz_wzg/article/details/17082433

HTML 简介
HTML 是用来描述网页的一种语言
HTML 文档 = 网页
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容

HTML <!DOCTYPE>
<!DOCTYPE> :不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML 头部元素
<head> :元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。
  以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。

<title>:标签定义文档的标题,提供页面被添加到收藏夹时显示的标题,显示在搜索引擎结果中的页面标题
   <title>Title of the document</title>
<base> :标签为页面上的所有链接规定默认地址或默认目标（target）
   <base href="http://www.w3school.com.cn/images/" />
   <base target="_blank" />
<link> :标签定义文档与外部资源之间的关系
   <link rel="stylesheet" type="text/css" href="mystyle.css" />
<style>:标签用于为 HTML 文档定义样式信息。
   <style type="text/css">
    body {background-color:yellow}
    p {color:blue}
   </style>
<meta> :标签提供关于 HTML 文档的元数据(元数据（metadata）是关于数据的信息)。元数据不会显示在页面上，但是对于机器是可读的。
   典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据
   <meta name="description" content="Free Web tutorials on HTML, CSS, XML" />
<script>: 标签用于定义客户端脚本，比如 JavaScript

HTML 脚本
<script>:标签用于定义客户端脚本，比如 JavaScript。script 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件
<script type="text/javascript">
document.write("Hello World!")
</script>
<noscript>:标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。

HTML 字符实体
HTML 中的预留字符必须被替换为字符实体。
空格:( )

HTML 统一资源定位器(也被称为网址)
scheme://host.domain:port/path/filename
解释：
  scheme - 定义因特网服务的类型。最常见的类型是 http
  host - 定义域主机（http 的默认主机是 www）
  domain - 定义因特网域名，比如 w3school.com.cn
  :port - 定义主机上的端口号（http 的默认端口号是 80）
  path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
  filename - 定义文档/资源的名称

HTML URL 字符编码
URL 编码会将字符转换为可通过因特网传输的格式
URL 只能使用 ASCII 字符集来通过因特网进行发送
由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。
URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。

HTML 元素
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
不要忘记结束标签

嵌套的 HTML 元素
大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）

HTML 属性
属性为 HTML 元素提供附加信息。
属性总是以名称/值对的形式出现，比如：name="value"。
始终为属性值加引号

HTML 标题
HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
浏览器会自动地在标题的前后添加空行。
请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。

HTML 水平线
<hr /> 标签在 HTML 页面中创建水平线。

HTML 注释
可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

HTML 段落
HTML 段落是通过 <p> 标签进行定义的。
浏览器会自动地在段落的前后添加空行。

HTML 折行
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签

HTML CSS
外部样式表
<link rel="stylesheet" type="text/css" href="mystyle.css">
内部样式表
<style type="text/css">
  body {background-color: red}
  p {margin-left: 20px}
</style>
内联样式
<p style="color: red; margin-left: 20px">
  This is a paragraph
</p>

HTML 链接
HTML 链接是通过 <a> 标签进行定义的
有两种使用 <a> 标签的方式：
  1.通过使用 href 属性 - 创建指向另一个文档的链接
  2.通过使用 name 属性 - 创建文档内的书签
HTML 链接 - target 属性
  使用 Target 属性，你可以定义被链接的文档在何处显示
HTML 链接 - name 属性
  name 属性规定锚（anchor）的名称。
  可以使用 name 属性创建 HTML 页面中的书签。
  <a name="tips"></a>
  <a href="#tips"></a>

HTML 图像
HTML 图像是通过 <img> 标签进行定义的
源属性（Src）
  URL 指存储图像的位置
替换文本属性（Alt）
  alt 属性用来为图像定义一串预备的可替换的文本。
  在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。
<map> 定义图像地图。
<area> 定义图像地图中的可点击区域。

HTML 表格
<table> 定义表格
<caption> 定义表格标题。
<th> 定义表格的表头。
<tr> 定义表格的行。
<td> 定义表格单元。
<thead> 定义表格的页眉。
<tbody> 定义表格的主体。
<tfoot> 定义表格的页脚。
<col> 定义用于表格列的属性。
<colgroup> 定义表格列的组。

HTML 列表
HTML 支持有序、无序和定义列表
无序列表
  无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
  无序列表始于 <ul> 标签。每个列表项始于 <li>。
  <ul>
   <li>Coffee</li>
   <li>Milk</li>
  </ul>
有序列表
  有序列表也是一列项目，列表项目使用数字进行标记。
  有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
  <ol>
   <li>Coffee</li>
   <li>Milk</li>
  </ol>
定义列表
  自定义列表不仅仅是一列项目，而是项目及其注释的组合。
  自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的注释定义以 <dd> 开始。
  <dl> 定义定义列表。
  <dt> 定义定义项目。
  <dd> 定义定义的描述。

HTML <div> 和 <span>
可以通过 <div> 和 <span> 将 HTML 元素组合起来。
HTML <div> 元素
  HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
HTML <span> 元素
  HTML <span> 元素是内联元素，可用作文本的容器。
HTML 布局
网页布局对改善网站的外观非常重要。
HTML 布局 - 使用 <div> 元素
HTML 布局 - 使用表格
由于创建高级的布局非常耗时，使用模板是一个快速的选项。
通过搜索引擎可以找到很多免费的网站模板（您可以使用这些预先构建好的网站布局，并优化它们）。

HTML 表单和输入
HTML 表单用于搜集不同类型的用户输入
表单
  表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。
  表单使用表单标签（<form>）定义。
输入
  文本域（Text Fields）<input type="text" name="firstname" />
  单选按钮（Radio Buttons）<input type="radio" name="sex" value="male" /> Male
  复选框（Checkboxes）<input type="checkbox" name="bike" />
    表单的动作属性（Action）和确认按钮
  <form name="input" action="html_form_action.asp" method="get">
   <input type="submit" value="Submit" />
  </form>
<form> 定义供用户输入的表单
<input> 定义输入域
<textarea> 定义文本域 (一个多行的输入控件)
<label> 定义一个控制的标签
<fieldset> 定义域
<legend> 定义域的标题
<select> 定义一个选择列表
<optgroup> 定义选项组
<option> 定义下拉列表中的选项
<button> 定义一个按钮

HTML 框架
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。
框架结构标签（<frameset>）
rows/columns 的值规定了每行或每列占据屏幕的面积
Frame 标签定义了放置在每个框架中的 HTML 文档。
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>

HTML Iframe
iframe 用于在网页内显示网页。
<iframe src="URL"></iframe>
使用 iframe 作为链接的目标
  iframe 可用作链接的目标（target）。链接的 target 属性必须引用 iframe 的 name 属性
   <iframe src="demo_iframe.htm" name="iframe_a"></iframe>
   <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>