`

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 - 定义变量

 

分享到：
| 前端知识点分享3--DOM操作
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML网页标签入门

    ... 网页架构 ...分隔标签用于分隔网页中的不同部分，常用的分隔标签有 ` `、`&lt;p&gt;`、`&lt;hr&gt;` 等。...* ` `：强制断行标签，用于...本文仅仅是HTML标签入门的基础知识，更多的HTML标签和使用方法可以在后续的学习中探索。

    HTML标签入门，对于HTML的基本认识

    HTML入门，对于新手来说，比较适用，后续将继续上传后面章节。

    HTML入门基础学习总结

    本篇文章将深入浅出地探讨HTML入门基础，帮助初学者快速掌握这一核心技能。 首先，了解HTML的基本结构至关重要。一个基本的HTML文档由三部分组成：文档声明、头部（head）和主体（body）。文档声明如`&lt;!DOCTYPE ...

    HTML5基础标签入门汇总

    HTML5基础标签入门汇总

    html初学者入门教程

    在探讨HTML初学者入门教程之前，我们首先需要理解HTML是什么。HTML，全称为超文本标记语言（Hypertext Markup Language），是一种用来创建网页的标准标记语言。HTML文件是包含文本内容和标记（tags）的特殊文本文件...

    HTML5从入门到精通

    DOCTYPE html&gt;）、html标签、head标签和body标签。它们构成了一个基本的HTML页面框架。此外，HTML5新增了许多语义化标签，如、、、、和，这些标签有助于提高网页的可读性和SEO优化。 二、HTML5的新特性 1. 语义化...

    html 入门教程 html手册

    HTML标签是HTML语法中的核心元素，它们以尖括号包围，如：（段落）、（一级标题）和（图像）。标签通常成对出现，例如：和用于加粗文本，但有些标签是自闭合的，如： （换行）。 四、HTML属性 HTML标签可以有...

    HTML语言入门教程

    HTML语言入门教程是针对那些对网页设计感兴趣，尤其是初学者的学习资源。这个教程可能涵盖了以下重要知识点： 1. **HTML基本结构**：HTML文档由一系列元素组成，这些元素通常包括起始标签、内容和结束标签。例如，`...

    HTML入门标签

    比较详细的HTML标签，常用到的标签都包括在内了。新手可以看看

    HTML的入门与提高

    二、HTML标签 HTML由一系列标签构成，标签通常成对出现，如`&lt;p&gt;`（段落）和`&lt;/p&gt;`。每个标签都有其特定含义，例如`&lt;h1&gt;`至`&lt;h6&gt;`表示不同级别的标题，`&lt;img&gt;`用于插入图像，`&lt;a&gt;`用于创建超链接。 三、HTML元素与...

    HTML 5 从入门到精通 带标签 附带源码 高清PDF扫描版

    本资源“HTML 5 从入门到精通”是一份针对初学者的教程，旨在帮助新手快速掌握HTML5的基础知识和高级特性。 首先，HTML5引入了许多新的标签，这些标签使得代码结构更加清晰，易于理解和维护。例如，`&lt;header&gt;`用于...

    html5入门教程附源码

    这个"html5入门教程附源码"是针对初学者设计的，旨在帮助他们快速掌握HTML5的基础知识并实践编程。 HTML5的主要改进包括： 1. **语义化标签**：HTML5引入了一系列新的语义元素，如、、、、和等，这些标签让网页...

    Struts标签的入门案例

    HTML标签是Struts提供的用于替代传统HTML元素的JSP标签。它们与普通的HTML元素相似，但添加了更多的功能和Struts特定的行为。例如： 1. `&lt;html:form&gt;`：这个标签用于创建表单，它会自动将表单的请求发送到Struts...

    html入门ppt教程

    这个“html入门ppt教程”显然是为了帮助初学者理解并掌握HTML的基本概念和语法。 HTML的全称“超文本标记语言”，其核心是通过一系列的标记来描述网页的结构和内容。这些标记通常以`&lt;&gt;`符号包裹，比如`&lt;html&gt;`、`...

    HTML入门教程.pdf

    ### HTML入门教程知识点详解 #### 一、课程简介与学习目标 **HTML入门教程**旨在为初学者提供一套快速入门的资源，使读者能够在短时间内掌握HTML的基础知识，并能够独立创建简单的网页。本教程强调实践性，鼓励...

    最全的入门级HTML学习

    HTML标签可以包含属性，属性为标签提供额外的信息，比如id、class等，而属性值必须用引号括起来。 在创建HTML文档时，首先需要新建一个纯文本文件，并将文件扩展名修改为.html或.htm，两者均可，但需要注意在同一个...

    CMS标签解析入门示例

    学习和实践这样的入门示例，可以帮助你理解如何在实际项目中应用标签解析，包括如何定义自定义标签、如何处理嵌套标签以及如何将数据与模板结合。通过这个过程，你将能更好地理解和构建自己的CMS系统，提升开发效率...

    HTML5入门教程.pdf

    ### HTML5入门教程知识点概述 #### 一、HTML5概览 - **定义与起源**：HTML5被视为HTML、XHTML以及HTML DOM的新标准。它标志着自1999年以来HTML语言的重要更新和发展。 - **合作开发**：HTML5是由W3C（World Wide ...

Magicbox
Global site tag (gtag.js) - Google Analytics