html标签入门

http://www.w3school.com.cn/tags/index.asp  权威标识哪些不建议使用,哪些是html5新增的。
标签描述
<!--...-->定义注释。
<!DOCTYPE> 定义文档类型。
<a>定义锚。
<abbr>定义缩写。
<acronym>定义只取首字母的缩写。
<address>定义文档作者或拥有者的联系信息。
<applet> 不赞成使用。定义嵌入的 applet。
<area>定义图像映射内部的区域。
<article>定义文章。
<aside>定义页面内容之外的内容。
<audio>定义声音内容。
<b>定义粗体字。
<base>定义页面中所有链接的默认地址或默认目标。
<basefont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
<bdi>定义文本的文本方向,使其脱离其周围文本的方向设置。
<bdo>定义文字方向。
<big>定义大号文本。
<blockquote>定义长的引用。
<body>定义文档的主体。
<br>定义简单的折行。
<button>定义按钮 (push button)。
<canvas>定义图形。
<caption>定义表格标题。
<center> 不赞成使用。定义居中文本。
<cite>定义引用(citation)。
<code>定义计算机代码文本。
<col>定义表格中一个或多个列的属性值。
<colgroup>定义表格中供格式化的列组。
<command>定义命令按钮。
<datalist>定义下拉列表。
<dd>定义定义列表中项目的描述。
<del>定义被删除文本。
<details>定义元素的细节。
<dir> 不赞成使用。定义目录列表。
<div>定义文档中的节。
<dfn>定义定义项目。
<dialog>定义对话框或窗口。
<dl>定义定义列表。
<dt>定义定义列表中的项目。
<em>定义强调文本。
<embed>定义外部交互内容或插件。
<fieldset>定义围绕表单中元素的边框。
<figcaption>定义 figure 元素的标题。
<figure>定义媒介内容的分组,以及它们的标题。
<font> 不赞成使用。定义文字的字体、尺寸和颜色。
<footer>定义 section 或 page 的页脚。
<form>定义供用户输入的 HTML 表单。
<frame>定义框架集的窗口或框架。
<frameset>定义框架集。
<h1> to <h6>定义 HTML 标题。
<head>定义关于文档的信息。
<header>定义 section 或 page 的页眉。
<hr>定义水平线。
<html>定义 HTML 文档。
<i>定义斜体字。
<iframe>定义内联框架。
<img>定义图像。
<input>定义输入控件。
<ins>定义被插入文本。
<isindex> 不赞成使用。定义与文档相关的可搜索索引。
<kbd>定义键盘文本。
<keygen>定义生成密钥。
<label>定义 input 元素的标注。
<legend>定义 fieldset 元素的标题。
<li>定义列表的项目。
<link>定义文档与外部资源的关系。
<map>定义图像映射。
<mark>定义有记号的文本。
<menu>定义命令的列表或菜单。
<menuitem>定义用户可以从弹出菜单调用的命令/菜单项目。
<meta>定义关于 HTML 文档的元信息。
<meter>定义预定义范围内的度量。
<nav>定义导航链接。
<noframes>定义针对不支持框架的用户的替代内容。
<noscript>定义针对不支持客户端脚本的用户的替代内容。
<object>定义内嵌对象。
<ol>定义有序列表。
<optgroup>定义选择列表中相关选项的组合。
<option>定义选择列表中的选项。
<output>定义输出的一些类型。
<p>定义段落。
<param>定义对象的参数。
<pre>定义预格式文本。
<progress>定义任何类型的任务的进度。
<q>定义短的引用。
<rp>定义若浏览器不支持 ruby 元素显示的内容。
<rt>定义 ruby 注释的解释。
<ruby>定义 ruby 注释。
<s> 不赞成使用。定义加删除线的文本。
<samp>定义计算机代码样本。
<script>定义客户端脚本。
<section>定义 section。
<select>定义选择列表(下拉列表)。
<small>定义小号文本。
<source>定义媒介源。
<span>定义文档中的节。
<strike> 不赞成使用。定义加删除线文本。
<strong>定义强调文本。
<style>定义文档的样式信息。
<sub>定义下标文本。
<summary>为 <details> 元素定义可见的标题。
<sup>定义上标文本。
<table>定义表格。
<tbody>定义表格中的主体内容。
<td>定义表格中的单元。
<textarea>定义多行的文本输入控件。
<tfoot>定义表格中的表注内容(脚注)。
<th>定义表格中的表头单元格。
<thead>定义表格中的表头内容。
<time>定义日期/时间。
<title>定义文档的标题。
<tr>定义表格中的行。
<track>定义用在媒体播放器中的文本轨道。
<tt>定义打字机文本。
<u> 不赞成使用。定义下划线文本。
<ul>定义无序列表。
<var>定义文本的变量部分。
<video>定义视频。
<wbr>定义视频。
<xmp> 不赞成使用。定义预格式文本。

常见标签如下:
div            块
img           图片(单标签)
a               链接、下载、锚点
h1-h6        标题
p               段落
strong       强调(粗体)
em            强调(斜体)
span          区分样式
ul              无序列表
ol              有序列表
li               列表项
dl              定义列表
dt              定义列表标题
dd             定义列表项

块状元素与行内元素的差别:
html各种标签/元素,可以从块的层面做一个分类:要么是block(块元素),要么是inline(内联元素): 
block元素的特点: 
    * 总是另起一行开始; 
    * 高度,行高以及顶、底边距都可控制; 
    * 宽度缺省是它所在容器的100%,除非设定一个宽度。 
inline元素的特点: 
    * 和其它元素都在一行上; 
    * 高度,行高以及顶、底边距不可改变; 
    * 宽度就是它所容纳的文字或图片的宽度,不可改变。 

块元素(block element) 通常作为其它元素的容器,它可以容纳内联元素和其它块元素。 
我们知道默认情况下,块元素会顺序以每次另起一行的方式往下排,而通过CSS控制其样式,我们可以改变这种默认布局模式,把块元素摆放到你想要的位置上 去。需要指出的是,table标签也是块元素的一种,基于table表格和基于CSS+DIV的布局,在使用者看来除了页面载入速度的差别(table在 所有内容元素加载完成后才显示),没有其它的差别。但是从页面的源代码来看,这种差异就非常大了。基于良好结构理念设计的CSS布局源码,至少能让没有 web开发经验的用户很容易找到连续的页面内容。从这个角度来说,CSS layout code应该有更好的美学体验。 

内联元素(inline element) 一般都是基于语义级(semantic)的基本元素,只能容纳文本或者其它内联元素

块状元素:
address - 地址
blockquote - 块引用
center - 举中对齐块
dir - 目录列表
div - 常用块级容易,也是CSS layout的主要标签
dl - 定义列表
fieldset - form控制组
form - 交互表单
h1 - 大标题
h2 - 副标题
h3 - 3级标题
h4 - 4级标题
h5 - 5级标题
h6 - 6级标题
hr - 水平分隔线
isindex - input prompt
menu - 菜单列表
noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容
noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)
ol - 有序表单
p - 段落
pre - 格式化文本
table - 表格
ul - 无序列表

行内元素如下:
a - 锚点
abbr - 缩写
acronym - 首字
b - 粗体(不推荐)
bdo - bidi override
big - 大字体
br - 换行
cite - 引用
code - 计算机代码(在引用源码的时候需要)
dfn - 定义字段
em - 强调
font - 字体设定(不推荐)
i - 斜体
img - 图片
input - 输入框
kbd - 定义键盘文本
label - 表格标签
q - 短引用
s - 中划线(不推荐)
samp - 定义范例计算机代码
select - 项目选择
small - 小字体文本
span - 常用内联容器,定义文本内区块
strike - 中划线
strong - 粗体强调
sub - 下标
sup - 上标
textarea - 多行文本输入框
tt - 电传文本
u - 下划线
var - 定义变量

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值