HTML常用标签汇总

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language);
HTML 不是一种编程语言,而是一种标记语言 (markup language);
标记语言是一套标记标签 (markup tag);
HTML 使用标记标签来描述网页;

<DOCTYPE html>   声明文档类型 
<head></head>   网页头部 
<meat />  针对搜索引擎和更新频度的描述和关键词 
<base target="" />  为页面上的所有链接规定默认地址或默认目标 _blank:新标签页打开/_self:当前标签页打开
<style></style>   定义文本样式
<link rel="stylesheet" type="text/css" href="css_file_path" />  引入css文件
<title></title> 网页标题 
<body></body> 网页身体
<header></header>  定义 section 或 page 的页眉
<footer></footer> 定义页脚 
<article></article>   定义文章内容
<aside></aside>   定义侧边栏
<section></section> 定义小片段 
<h1></h1> .... <h6></h6>   标题1-6 
<p></p>  段落
<br />  换行
<hr />  水平线
<strong></strong>  <b></b>  粗体
<em></em>   <i></i>   斜体 
<ins></ins>  下划线
<del></del>   删除线
&nbsp;  空格
&lt;  <小于号
&gt;  >大于号
&copy;  版权符号
<div></div>   盒子标签
<span></span>  盒子标签
超链接
<a href="url" target="">链接</a>
图片
<img src="图片地址" alt="不显示图片时显示的内容" title="鼠标悬停时显示的内容" /> 
无序列表
<ul>  定义无序列表
  <li></li>  定义列表的项目
</ul>
有序列表
<ol>  定义有序列表
  <li></li>
</ol>
自定义列表
<tr>  定义表格中的行
  <td></td>  定义表格中的单元
  <dd></dd>  定义定义列表中项目的描述
</tr>
表格
<table border="1" cellspacing="0" cellpadding="5">
border:规定表格边框的宽度
cellpadding:规定单元边沿与其内容之间的空白
cellspacing:规定单元格之间的空白
  <thead>  定义表格中的表头内容
    <th></th>  定义表格中的表头单元格
  </thead>
  <tbody>  定义表格中的主体内容
    <tr>  定义表格中的行
      <td></td>  定义表格中的单元
    </tr>  
  </tbody>  
</table>
input标签
<input type="text" placeholder="文本提示内容" />  文本框
<input type="password" />  密码提示框
<input type="url" autofocus />  url输入框 聚焦
<input type="search" required />  搜索框 required必填项
<input type="email" /> 邮件输入框
<input type="tel" autocomplete /> 手机号输入框 输入框记忆配合submit
<input type="file" multiple /> multiple多文件上传使用
<input type="date" /> 年月日
<input type="month" /> 年月
<input type="week" /> 年周
<input type="button" /> 按钮
<input type="submit" /> 提交按钮
<input type="reset" /> 重置按钮
<input type="radio" /> 复选框
<input type="checkbox" checked /> 单选框  checked默认选中
<input type="image" src="path" /> 图片按钮
select下拉列表
<form action="" method="" >  action资源路径  method请求方法
  <select>  定义选择列表
    <option>1</option>  定义选择列表中的选项
    <option selected="selected">2</option>  selected默认第一项
  </select>
</form>
datalist(HTML5)下拉列表
<input type="text" list="lis" />
<datalist id="lis">  需要使用 list id 进行关联
  <option></option>
  <option></option>
</datalist>
label标签
<label for="la">内容</label>
<input type="text" id="la" />   需要for id 进行关联
filedset与legend标签
<filedset>
  <legend>定义filedset标题</legend>
</filedset>
audio与video标签
<audio autoplay loop controls>
  <source src="音频文件地址" />
</audio>
<video autoplay loop controls>
  <source src="视频文件地址" />
</video>
autoplay:自动播放
loop:循环次数
contorls:显示播放控件
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,001评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,210评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,874评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,001评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,022评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,005评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,929评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,742评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,193评论 1 309
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,427评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,583评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,305评论 5 342
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,911评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,564评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,731评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,581评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,478评论 2 352

推荐阅读更多精彩内容

  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 1,390评论 0 4
  • 一.HTML、XML、XHTML 有什么区别 什么是 HTML? HTML 指的是超文本标记语言 (Hyper T...
    Sunset125阅读 692评论 0 1
  • 学习目标: 了解html的基本结构 掌握标题标签: 掌握段落标签: 掌握通用块标签: 掌握图片标签: 掌握超链接标...
    husky_1阅读 2,518评论 0 12
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 3,887评论 0 0
  • HTML HTML简介 1、什么是HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言...
    小山居阅读 670评论 0 5