HTML 标签集合

     标签              简介
-------------     --------------
<html>		     整个文档
<head> 		     元素是所有头部元素的容器例如:<title>、<base>、<link>、<meta>、<script> 以及 <style>。
<body>		     文档主体
<title> 	     标题定义文档的标题。
<meta> 		     元素来描述文档,定义文档关键词,重定向到新网址
<base> 		     为页面上的所有链接规定默认地址或默认目标(target):
<h1>~<h6>	     标题
<p>		         段落
<a>		         链接
<img>		     图像
<br>		     换行
<table>		     表格
<hr>		     水平线
<table>		     表格
<caption>	     表格标题。
<th>		     表格的表头。
<tr>		     表格的行。
<td>		     表格单元。
<thead>		     表格的页眉。
<tbody>		     表格的主体。
<tfoot>		     表格的页脚。
<col>		     表格列的属性。
<colgroup>	     表格列的组。
<form>		     表单
input:text	     表单:文本输入框
input:radio 	 表单:单选按钮
input:checkbox	 表单:复选框
input:submin	 表单:确认按钮
<select>	     表单:选项列表
<option>	     表单:选项
<optgroup>       表单:选项组
textarea 	     表单:文本域
<fieldset> 	     表单:定义域 
<legend> 	     表单:定义域的标题 
<label>		     定义一个控制的标签
<button>	     按钮
<ol>		     定义有序列表。
<ul>		     定义无序列表。
<li>		     定义列表项。
<dl>		     定义定义列表。
<dt>		     定义定义项目。
<dd>		     定义定义的描述。
<frameset>	     框架结构标签/框架集
<frame>		     框架标签
<noframes>	     框架不被浏览器支持时显示的内容
<iframe>	     内联框架
<b>		     	 格式化标签:加粗
<strong>	     格式化标签:加粗
<big>		     格式化标签:大字体
<em>		     格式化标签:强调内容(用斜体字来显示)
<i>		     	 格式化标签:斜体
<small>		     格式化标签:小号字体
<sub>		     格式化标签:定义下标文本
<sup>		     格式化标签:定义下标文本
<pre>		     预格式文本:保留换行和空格
<code>		     计算机输出:用于表示计算机源代码或者其他机器可以阅读的文本内容
<kbd>		     计算机输出:定义键盘文本
<tt>		     计算机输出:呈现类似打字机或者等宽的文本效果
<samp>		     计算机输出:将某些短字符序列提取出来,对它们加以强调的极少情况下,才使用这个标签
<var>		     计算机输出:语义表示变量的名称,或者由用户提供的值。
<address>	     地址:语义表示地址,斜体显示。
<abbr>		     缩写:表示它所包含的文本是一个更长的单词或短语的缩写形式。
<bdo>		     文本方向:可覆盖默认的文本方向
<blockquote>	 块:使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。
<ins>		     插入字效果:定义插入字。
<del>		     删除字效果:定义删除字。
<link>		     链接一个样式文件
<noscript> 	     标签提供无法使用脚本时的替代内容
<object>		 加载辅助程序。

-------------HTML5--------------
<video>			 视频
<audio>			 音频
<source>		 链接不同的视频/音频文件,浏览器将使用第一个可识别的格式。
<canvas>		 画布
<svg>			 内联svg
input:email		 邮件
input:url 		 url地址
input:number 	 数值,手机端会直接显示数字键盘
input:range		 滑动条
input:date 		 时间:选取日、月、年
input:month 	 时间:选取月、年
input:week 		 时间:选取周和年
input:time 		 时间:选取时间(小时和分钟)
input:datetime   时间:选取时间、日、月、年(UTC 时间)
input:datetime-local 时间:选取时间、日、月、年(本地时间)
input:search	 搜索域
<datalist> 		 输入域的选项列表
<keygen> 		 提供一种验证用户的可靠方法(浏览器支持不理想,作用不大)
<output> 		 用于不同类型的输出,比如计算或脚本输出(没什么用)
<footer> 		 语义标签:定义文档或节的页脚。
<figure> 		 语义标签:规定独立的流内容(图像、图表、照片、代码等等)。
<figcaption>     语义标签:定义 figure 元素的标题(caption)。
<embed> 		 定义嵌入的内容,比如插件。
<dialog>         定义对话框或窗口。
<bdi> 			 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。
<article> 		 语义标签:规定独立的自包含内容。
<aside> 		 语义标签:定义其所处内容之外的内容。

     属性              简介
-------------     --------------
id		     	 唯一id
name		     名称
bgcolor		     背景颜色
border		     边框
align		     对齐方式
href		     a标签的链接地址
class		     类名
style		     行内样式
title		     额外信息(可在工具提示中显示)
target		     定义a标签的链接在何处显示
noresize	     禁止拖动框架
frameborder	     iframe边框属性

--------------HTML5--------------------
autofocus 		 规定在页面加载时,域自动地获得焦点。
form 			 规定输入域所属的一个或多个表单。



标签分类
--------------------------------------------------------------
块元素
例如:<h1>, <p>, <ul>, <table>,<div>
说明:块级元素在浏览器显示时,通常会以新行来开始(和结束)。

HTML 内联元素
例如:<b>, <td>, <a>, <img>,<span>
说明:内联元素在显示时通常不会以新行开始。


注意
-------------------------------------------------------
1.默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。
2.标题很重要:搜索引擎使用标题为您的网页的结构和内容编制索引。
3.如果只是希望使用等宽字体的效果,请使用 <tt>标签。或者,如果想要在严格限制为等宽字体格式的文本中显示编程代码,请使用 <pre> 标签。
4.通过对缩写进行标记,您能够为浏览器、拼写检查和搜索引擎提供有用的信息。
5.即使可以使用 HTML 表格来创建漂亮的布局,但设计表格的目的是呈现表格化数据 - 表格不是布局工具!
6.当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素
7.一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。
8.URL 只能使用 ASCII 字符集来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符,URL 必须转换为有效的 ASCII 格式。URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。URL 不能包含空格。URL 编码通常使用 + 来替换空格。
9.辅助应用程序(helper application)是可由浏览器启动的程序。辅助应用程序也称为插件。


------------------------------------------------------
    显示结果	描述	实体名称	实体编号
		空格	 		 
	<	小于号	<		<
	>	大于号	>		>
	&	和号	&		&
	"	引号	"		"
	'	撇号 	'		'(IE不支持)
	¢	分	¢		¢
	£	镑	£		£
	¥	日圆	¥		¥
	€	欧元	€		€
	§	小节	§		§
	©	版权	&copy;		©
	®	注册商标&reg;		®
	™	商标	™		™
	×	乘号	×		×
	÷	除号	÷	÷


---------------------------------------------------------------
URL - Uniform Resource Locator
scheme://host.domain:port/path/filename
•scheme - 定义因特网服务的类型。最常见的类型是 http
•host - 定义域主机(http 的默认主机是 www)
•domain - 定义因特网域名,比如 w3school.com.cn
•:port - 定义主机上的端口号(http 的默认端口号是 80)
•path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
•filename - 定义文档/资源的名称


以下是其中一些最流行的 scheme:
------------------------------------------------------------------
http 超文本传输协议 以 http:// 开头的普通网页。不加密。 
https 安全超文本传输协议 安全网页。加密所有信息交换。 
ftp 文件传输协议 用于将文件下载或上传至网站。 
file   您计算机上的文件。 




  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值