《html标签大全》 常用HTML标签元素精简介绍

一、HTML必须基本结构标签大全

1、基本结构标签与解释

声明标签位于HTML网页开始 让CSS生效

网页超文本开始与结束标签

html网页基本结构头部，link、meta、title标签均放入此标签内

meta
位于head标签内向服务器和客户端传达关于文档的隐藏信息，比如

meta设置html编码

meta设置html关键字

meta设置html网页中心描述，主要针对SEO，给搜索引擎看的

内容填写 对应网页中心思想归纳，也是主要针对SEO，给搜索引擎看的

HTML网页标题标签，设置后浏览器顶部状态栏会显示

HTML正文标签，网页要显示内容均放body内

link
常见引入外部CSS文件标签

style
在html中常常HTML中放直接写CSS代码

2、最简单基本结构HTML代码

 
 
 
 
 
 
 
 
 
 
 
网页内容放此处 
 
 

二、HTML中布局内容常见标签大全

标签：a
说明：标明超链接的起始或目的位置

内容 

使用说明：对内容添加锚文本超链接，在浏览器浏览时点击“内容”将打开对应设置网址对应网站

标签：b
说明：指定文本应以粗体渲染 和strong标签一样功能

我被加粗显示 

 标签：strong
说明：指定文本应以粗体渲染 和b标签一样功能

我被加粗显示 

 标签：br
说明：插入一个换行符

第一排内容
我被br标签换行成为第二排内容 

标签：button
说明：指定其中所含的 HTML 要被渲染为一个按钮

标签：dd
说明：在定义列表中表明定义。定义通常在定义列表中缩进

 
    
类似标题
 
    
类似列表内容一
 
    
类似列表内容二
 
    
类似列表内容三
 
 

dd不能单独使用

标签：dl
说明：引起定义列表。

 
    
类似标题
 
    
类似列表内容一
 
    
类似列表内容二
 
    
类似列表内容三
 
 

dl不能单独使用

标签：dt
说明：在定义列表中表明定义术语

dl dt dd组合标签

 
    
类似标题
 
    
类似列表内容一
 
    
类似列表内容二
 
    
类似列表内容三
 
 

 标签：div
说明：指定渲染 HTML 的容器 也是DIV CSS布局最常用标签

 标签：em
说明：强调文本，通常以斜体渲染

我被斜体强调 

 标签：font
说明：指定用于渲染所包含文本的新字体、大小和颜色

我大小为10,红色字体 

 标签：frame
说明：在 FRAMESET 元素内指定单个框架

标签：frameset
说明：指定一个框架集，用于组织多个框架和嵌套框架集

标签：from
说明：指定所包含控件在表单中起作用

标签：hr
说明：绘制水平线

我们被分割线分割 我在上方
我水平线下 

标签：i
说明：指定文本应以斜体渲染，若可用的话

我被斜着显示 

 标签：iframe
说明：创建内嵌浮动框架

标签：input
说明：创建各种表单输入控件

标签：input type=button
说明：创建按钮控件

 标签：input type=checkbox
说明：创建复选框控件

 标签：input type=file
说明：创建文件上载控件，该控件带有一个文本框和一个浏览按钮

 标签：input type=hidden
说明：传输关于客户/服务器交互的状态信息

标签：input type=image
说明：创建一个图像控件，该控件单击后将导致表单立即被提交

 标签：input type=password
说明：创建与 INPUT type=text 控件类似的单行文本输入控件，不过其中并不显示用户输入的内容

 标签：input type=radio
说明：创建单选钮控件

 标签：input type=reset
说明：创建一个按钮，该按钮单击后将重置表单控件为其默认值

 标签：input type=submit
说明：创建一个按钮，该按钮单击后将提交表单

 标签：input type=text
说明：创建一个单行的文本输入控件

 标签：textarea
说明：指定多行文本输入控件

 标签：label
说明：为页面上的其它元素指定标签

标签：li
说明：引起列表中的一个项目

 
    
列表内容一
 
    
列表内容二
 
 

li与ul或ol组合使用，li不能单独使用

标签：marquee
说明：创建一个滚动的文本字幕

标签：nobr
说明：不换行渲染文本

我内容再多都不会换行 

 标签：ol
说明：绘制文本的编号列表

 
    
列表内容一
 
    
列表内容二
 
 

ol与li组合使用，ol不能单独使用,与ul用法相同

 标签：p
说明：引起一段

第一段文章
 
第二段文章
 

 标签：s
说明：以删除线字体渲染文本

我的中间会出现一条线 

 标签：u
说明：以下划线字体渲染文本

我下方发现下划线 

 标签：script
说明：为脚本指定由脚本引擎解释的脚本

 标签：select
说明：引起列表框或下拉框

  
    选择一  
    选择二  
  

 标签：selection
说明：代表了当前激活选中区，即高亮文本块，和/或文档中用户可执行某些操作的其它元素

标签：small
说明：指定内含文本要以比当前字体稍小的字体显示

我被小化显示 

 标签：span
说明：指定内嵌文本容器

内容 

 标签：sub
说明：指定内含文本要以下标的形式显示，通常比当前字体稍小（下标标签）

内容我在内容靠下显示 

 标签：sup
说明：指定内含文本要以上标的形式显示，通常比当前字体稍小（上标标签）

内容我在内容靠上显示 

标签：table 、tr 、 td 、 th
table 指定所含内容要组织成行列的表格(表格开始)
td指定表格中的单元格
th指定标题列。标题列将在单元格中居中并以粗体显示
tr指定表格中的一行
例子

 
    
 
        
姓名
 
        
班级
 
        
成绩
 
    
 
    
 
        
张三
 
        
一年级
 
        
98
 
    
 
    
 
        
小明
 
        
二年级
 
        
99
 
    
 
 

标签：ul
说明：无序列表布局

 
    
列表内容一
 
    
列表内容二
 
 

ul与li组合使用，ul不能单独使用，与ol用法相同