html常用标签整理归纳-非常好用

合集下载

常用html标记总结

一、HTML的全局架构标签<html><head><title>我是标题</title></head><body>我是正文</body></html>二、body标签中的相关属性1、bgcolor: 网页正文部分的背景色2、text: 网页正文部分的文字的颜色3、link: 超链接的颜色4、alink：鼠标按下超级链接时候文本的颜色5、vlink：被访问过的超级链接的颜色6、leftmargin：左缩进的长度，单位是像素7、topmargin：上缩进的长度，单位是像素8、background：背景图片，如果图片足够的大，它将盖住背景颜色bgcolor所有的颜色设置部分都可以用三对十六进制的数来表示，前面加#三、注释四、特殊符号左尖括号 <右尖括号 >与符号 &注册商标 ®版权 © ( © )™双引号 "空格  五、格式标签1、 <pre></pre> 把包围起来的内容按原格式显示在浏览器上2、<p> 换行并加入一个空行3、<br> 换行不产生空行4、<blockquote></blockquote> 缩进5、<center></center> 居中显示6、<marquee behavior="slide/scroll/alternate" direction="up/down/left/right> </marquee> 走马灯7、列表标签<dl><dt>中国城市</dt><dd>石家庄</dd><dd>唐山</dd><dd>廊坊</dd><dt>美国城市</dt><dd>通县</dd><dd>大兴</dd><dd>铁岭</dd></dl>8、序列带数字、不带数字的<ul><li></li><li></li><li></li></ul><ol><li></li><li></li><li></li></ol>六、文本标签1、<h+数字></h+数字> 1--62、 <b></b>粗体 <i></i> 斜体 <u></u> 下划线<sub></sub>下标 <sup></sup> 上标<tt></tt> 打印风格的字体 <cite></cite> 引用风格的字体 <en></en> 强调风格的字体<strong></strong> 加重风格的字体3、font标签 <font color="" size="" face=""></font>七、超链接<a href="URL#段落名字" target="_blank/_self/_top/_parent></a> 起段落名字的代码是<p><a name="段落名字">...</p>:80/index.html协议名 192.168.1.1 端口号资源名<a href="URL"><img src=""></img></a>八、图像标签<img src="" alt="" align="" border="" width="" height="">alt 提示语align 对齐方式border 边框粗细width 图片宽度height 图片高度九、表格标签<table><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>table标签的属性1、bgcolor 整个表格的背景颜色2、border 边框粗细3、bordercolor 边框颜色4、bordercolordark 边框暗部分颜色5、bordercolorlight 边框明部分颜色6、cellspacing 单元格之间的距离7、cellpadding 单元格中的内容与单元格边框之间的距离8、width 表示表格的宽度用像素做单位、以百分比作单位（浏览器窗口）9、height 表示表格的高度用像素做单位、以百分比作单位（浏览器窗口）tr标签的属性1、align 水平对齐方式 left right center2、valign 垂直对齐方式 top middle bottom baseline3、bgcolor 本行所有单元格的背景色td标签的属性1、width 像素百分比（整个表格）2、height 像素百分比（整个表格）3、align 设置该单元格的水平对齐方式 left right center4、valign 设置该单元格水平对齐方式 left right center5、colspan 合并纵列的属性值个单元格，该行少了属性值-1个单元格6、rowspan 合并横列的属性值个单元格，该行的下面属性值-1个行少了一个单元格十、frame框架（分帧）不能放在body标签中例：frame.html---------------><html><frameset rows="15%,*" frameborder=1 border=1><frame src="shangmian.html" ></frame><frameset cols="20%,*" frameborder=1 border=1><frame src="zuomian.html"></frame><frame src="youmian.html" name="youmian"></frame></frameset></frameset></html>left.html----------------><a href="youmian.html" target=youmian>在右侧显示第一个页面</a><p><a href="youmian2.html" target=youmian>在右侧显示第二个页面</a>十一、表单1、<form></form>2、form标签的属性（1）、method：有两个值：get：表单提交时在地址栏中以？控件名1=控件值1&控件名2=控件值2&。

html常用的标签及使用总结

html常用的标签及使用总结HTML是超文本标记语言，用于创建网页的标准标记语言。

它使用标签来定义网页的内容和结构。

在HTML中，标签是由尖括号（<>)括起来的关键词，常常成对出现，其中一个是开始标签，另一个是结束标签。

下面是HTML中常用的标签及其使用方式的总结。

1. <html>：整个HTML文档的根元素，包含了整个网页的内容。

2. <head>：位于<html>标签之内，用于定义网页的头部信息，比如标题、样式表、脚本和字符编码等。

3. <title>：位于<head>标签之内，用于定义网页的标题，显示在浏览器的标题栏或者书签中。

4. <body>：位于<html>标签之内，用于定义网页的主体内容，包含了所有可见的网页元素。

5. <h1> - <h6>：用于定义标题的标签，从最大的标题<h1>到最小的标题<h6>。

6. <p>：用于定义段落的标签，一般用来包含文本内容。

7. <a>：用于定义超链接的标签，通过href属性指定链接的地址和target属性指定在新窗口中打开链接还是在当前窗口中打开链接。

8. <img>：用于插入图像的标签，通过src属性指定图像的URL。

9. <div>：用于定义文档中的块级元素，常用于对网页进行布局。

10. <span>：用于定义文档中的内联元素，常用于对文本的样式进行设置。

11. <ul>：用于定义无序列表的标签，通过在<li>标签内部定义列表项。

12. <ol>：用于定义有序列表的标签，通过在<li>标签内部定义列表项。

13. <li>：用于定义列表项的标签，通常包含在<ul>或<ol>中。

HTML 常用标签总结

一、网页的基本结构 <!DOCTYPE html><html lang="en"><head><link rel="shortcut icon"href="favicon.ico"><meta charset="UTF-8"><title>网站的标题</title><meta name="description"content="网站的描述"><meta name="keywords"content="网站的关键字"></head><body></body></html>二、常用的标签1. 老牌的通用标签标签描述标签标题<h1>、...、<h6>段落<p>换行<br />盒子【块级】<div>盒子【行内】<span>2. 新增的语义化标签标签描述标签头部header导航nav内容article某区域section侧边栏aside底部footer时间time 三、特殊字符描述字符空格 大于号>小于号<四、特殊的标签1. 超链接标签<a href="#"target="_blank|_self"title="提示内容">文本</a>2. 图像标签<img src="dog.jpg"title="这是个小狗">3. 锚点标签以#开头的目标路径，点击AA，跳转到BB<a href="#abc">AA</a><h1id="abc">BB</h1>4. 按钮标签<button>我是按钮</button>5. 列表标签<ul><li></li><li></li><li></li></ul>6. 缩写提示标签yyds 是永远的神的缩写，鼠标放在 yyds 上，会提示永远的神<abbr title="永远的神">yyds</abbr>7. 表格标签1. 格式举例<table><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table>8. iframe标签<iframe src="XXXX"width="200"height="150"></iframe>五、表单<form action="url地址"method="提交方式"name="表单名称"><input type="text"value="在文本框中默认的提示内容"maxlength="最多可以输入字符的长度"><input type="password"maxlength="最多可以输入字符的长度"><input type="radio"name="XXX"checked="checked"><input type="checkbox"checked="checked"><input type="button"value="按钮的提示内容"><input type="submit"value="按钮的提示内容"><input type="reset"value="按钮的提示内容"><input type="file"mutiple="mutiple"><select><option>选项XXX</option><option selected="selected">有selected属性是默认选中项</option><option>选项YYY</option></select><textarea cols="每行中的字符数"rows="显示的行数"> XXX </textarea><label>输入用户名：<input type="radio"name="usename"value="请输入用户名"></label><label><img src="dog.jpg"alt="出错了~"title="这是个小狗"><input type="radio"name="usename"value="请输入用户名"></label></form>六、多媒体标签1. 视频标签<video></video>2. 音频标签<audio></audio>。

html标签大全

html标签大全HTML标签大全。

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。

在HTML中，标签是用来定义网页结构和内容的。

本文将介绍一些常用的HTML 标签，以及它们的用法和示例。

1. 文本标签。

`<h1>`~`<h6>`，定义标题，数字表示标题的级别，从大到小依次递减。

`<p>`，定义段落。

`<strong>`，定义加粗文本。

`<em>`，定义斜体文本。

`<u>`，定义下划线文本。

`<br>`，定义换行。

2. 链接标签。

`<a>`，定义超链接，href属性指定链接的地址。

`<img>`，定义图像，src属性指定图片的地址。

3. 列表标签。

`<ul>`，定义无序列表。

`<ol>`，定义有序列表。

`<li>`，定义列表项。

4. 表格标签。

`<table>`，定义表格。

`<tr>`，定义表格行。

`<td>`，定义表格数据单元格。

5. 表单标签。

`<form>`，定义表单，action属性指定表单提交的地址。

`<input>`，定义输入框，type属性指定输入框的类型（文本框、密码框、复选框等）。

`<select>`，定义下拉框。

`<textarea>`，定义多行文本输入框。

`<button>`，定义按钮。

6. 多媒体标签。

`<audio>`，定义音频播放器。

`<video>`，定义视频播放器。

`<iframe>`，定义内联框架，用于嵌入其他网页。

7. 其他标签。

`<div>`，定义文档中的块级元素。

`<span>`，定义文档中的行内元素。

`<meta>`，定义网页的元数据，如字符集、关键词等。

html标签(整理)

<html></html><head></head><title></title><body></body>:常用属性：<body bgcolor="">背景颜色，使用名字或十六进制值。

如red或#ffffff<body text="">设置文本文字颜色<body link="">链接颜色<body vlink="">已使用链接颜色<body alink="">正在被击中的链接的颜色常用标记：<font></font>字体标记注释内容<br>强制文本换行换行，但不会再行与行之间留下空行<p></p>强制换段，可在段与段之间产生空行属性：align（对齐left，right，center）<pre></pre>预先排好的格式<hn></hn>标题文字，如<h1></h1><b></b>粗体bold<i></i>斜体italic<u></u>下划线underline<a href=""></a>超文本链接属性：◆href 指定链接地址◆name 给链接命名，定义一个锚定位，可以出现在文档的任何位置◆title 给链接提示文字◆target 指定链接的目标窗口（_self(当前框架中打开链接),_blank(新窗口),_top(顶层框架),_parent （当前框架的上一层里打开链接）<table></table>属性：border(表格边框大小)width height cellspacing(单元格间距) cellpadding(文字与格线距离) background(背景图像) bgcolor bordercolor bordercolorlight(向光) bordercolordark(表格边框背光部分颜色) align valign(垂直对齐方式top middle bottom baseline) cols(表格列数)<tr></tr> 一行属性:bgcolor align valign background bordercolor<td></td>属性: bordercolor width height background bgcolor align valignrowspan(单元格所占行数) colspan(单元格所占列数)<form></form>表单:网页中具有可输入表项及项目选择等控件所组成的栏目称为表单，它是与用户交互信息的主要手段。

HTML常用标记（完整版）

HTML常⽤标记（完整版）前端：1.HTML2.CSS3.JavaScript（JS）动态URL：统⼀资源定位符HTML常⽤标记：1.⽂档结构标记（1）⽂档标记：<HTML>…</HTML>（2）头部标记：<HEAD>…</HEAD>（3）标题标记：<TITLE>…</TITLE>（4）主体标记：<BODY>…</BODY>2.格式标记（1）段落标记：<p>…</p>（2）换⾏标记：<br>（3）两边缩进标记：<blockquote>…</blockquote>（4）项⽬列表标记：<dl></dl>、<dt>、<dd>（5）有/⽆序号列表标记：<ol></ol>、<ul></ul>、<li>（6）区隔标记：<div></div>3.⽂本标记（1）标题标记：<hn></hn> (n的范围为1~6)（2）字体标记：<b></b>、<i></i>、<u></u>（3）斜体和加重标记：<em></em>、<strong></strong>（4）字型标记：<font></font>4. 链接标记（1）<a href="⽬标地址">…</a>（2）锚点链接：<a name="标签名"></a>5.图像标记和多媒体标记（1）图像标记：<img src="图像⽂件存储位置与名称">（2）多媒体标记：①设置⾳乐和影像⽂件的超链接。

(完整版)html标签大全

<html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题<h1></h1> 最大的标题<pre></pre> 预先格式化文本<u></u> 下划线<b></b> 黑体字<i></i> 斜体字<tt></tt> 打字机风格的字体<cite></cite> 引用,通常是斜体<em></em> 强调文本(通常是斜体加黑体)<strong></strong> 加重文本(通常是斜体加黑体)<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值<BASEFONT></BASEFONT> 基准字体标记<big></big> 字体加大<SMALL></SMALL> 字体缩小<STRIKE></STRIKE> 加删除线<CODE></CODE> 程式码<KBD></KBD> 键盘字<SAMP></SAMP> 范例<VAR></VAR> 变量<BLOCKQUOTE></BLOCKQUOTE> 向右缩排<DFN></DFN> 述语定义<ADDRESS></ADDRESS> 地址标记<sup></SUP> 上标字<SUB></SUB> 下标字<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)<plaintext>...</plaintext>固定寬度字體(不執行標記符號)<listing>...</listing> 固定寬度小字體<font color=00ff00>...</font>字體顏色<font size=1>...</font>最小字體<font style ='font-size:100 px'>...</font>無限增大◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆<p></p> 创建一个段落<p align=""> 将段落按左、中、右对齐<br>换行插入一个回车换行符<blockquote></blockquote> 从两边缩进文本<dl></dl> 定义列表<dt> 放在每个定义术语词前<dd> 放在每个定义之前<ol></ol> 创建一个标有数字的列表<ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字, 若在<ul></ul>之间则每个列表项加上一个圆点<div align=""></div> 用来排版大块HTML段落,也用于格式化表<MENU> 选项清单<DIR> 目录清单<nobr></nobr> 强行不换行<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)<center></center> 水平居中◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆<a href="URL"></a> 创建超文本链接<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接<a name="name"></a> 创建位于文档内部的书签<a href="#name"></a> 创建指向位于文档内部书签的链接<BASE> 文档中不能被该站点辨识的其它所有链接源的URL<LINK> 定义一个链接和源之间的相互关系◆◆◆◆◆◆◆◆链接标记注解：◆◆◆◆◆◆◆◆◆◆◆◆◆target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top◆rel="..."发送链接的类型◆rev="..."保存链接的类型◆accesskey="..."指定该元素的热键◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly ◆coord="..."使用像素或者长度百分比来定义形状的尺寸◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)◆◆◆◆◆◆◆◆表格标记注解：◆◆◆◆◆◆◆◆◆◆◆◆<table></table> 创建一个表格<tr></tr> 表格中的每一行<td></td> 表格中一行中的每一个格子<th></th> 设置表格头:通常是黑体居中文字<table cellspacing=""> 设置表格格子之间空间的大小<table border=""> 设置边框的宽度<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小<table width=""> 设置表格的宽度。

HTML重要标签总结归纳

HTML 重要标签： (1)样式/节 ①<style> 实例：<html> <head><style type=”text/css”> h1 { color:red } p { color:blue } </style></head> <body><h1>Header 1</h1> <p>A paragraph.</p></body></html>定义和用法<style> 标签用于为 HTML 文档定义样式信息。

在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。

type 属性是必需的，定义 style 元素的内容。

唯一可能的值是 "text/css"。

style 元素位于 head 部分中。

②<div>HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。

除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。

<div> 元素的另一个常见的用途是文档布局。

它取代了使用表格定义布局的老式方法。

使用 <table> 元素进行文档布局不是表格的正确用法。

<table> 元素的作用是显示表格化的数据。

实例：<html><body> <h3>This is a header</h3><p>This is a paragraph.</p> <div style="color:#00FF00"><h3>This is a header</h3><p>This is a paragraph.</p></div> </body></html>定义和用法 <div> 可定义文档中的分区或节（division/section）。

HTML常用标签大全

基础<!DOCTYPE>? //定义文档类型。

<html> //定义HTML文档。

<title> //定义文档的标题。

<body> //定义文档的主体。

<h1>to<h6> //定义HTML标题。

<p> //定义段落。

<br> //定义简单的折行。

<hr> //定义水平线。

//定义注释。

格式<acronym> //定义只取首字母的缩写。

<abbr> //定义缩写。

<address> //定义文档作者或拥有者的联系信息。

<b> //定义粗体文本。

<bdi> //定义文本的文本方向，使其脱离其周围文本的方向设置。

<bdo> //定义文字方向。

<big> //定义大号文本。

<blockquote> //定义长的引用。

<center> //不赞成使用。

定义居中文本。

<cite> //定义引用(citation)。

<code> //定义计算机代码文本。

<del> //定义被删除文本。

<dfn> //定义定义项目。

<em> //定义强调文本。

<font> //不赞成使用。

定义文本的字体、尺寸和颜色<i> //定义斜体文本。

<ins> //定义被插入文本。

<kbd> //定义键盘文本。

<mark> //定义有记号的文本。

<meter> //定义预定义范围内的度量。

<pre> //定义预格式文本。

<progress> //定义任何类型的任务的进度。

<q> //定义短的引用。

<rp> //定义若浏览器不支持ruby元素显示的内容。

常用html标签大全

常用 html 标签大全
HTML 是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，欢迎大家在这里学习 html 标签大全!这里是我们给大家整理出来的精彩内容。基本 ;…; 定义 HTML 文档
;…; 文档的信息 ; ;…; ; HTML 文档的元信息文档的标题文档与外部资源的关系
无序列表有序列表列表项目
定义文本字体尺寸、颜色、大小下标上标换行段落
水平线
;…; 定义表格 ;…; ;…; ;…; 其它 ;…; 定义供用户输入的 HTML 表单 ; 定义框架集的窗口或框架定义表格中的表头单元格定义表格中的行定义表格中的单元
好了，html 标签大全内容就给大家介绍到这里了。希望大家学业有成，工作顺利
;…; 文档的样式信息 ;…; 可见的页面内容 ; 文本 ;...; ;...; 标题字大小（h1~h6）粗体字注释
;...; 粗体字(强调) ;...; ;...; ;...; ;...; 斜体字斜体字(强调) 下划线删除线(表示删除)
;…; 居中文本
;…; ;…; ;…

HTML常用标签

HTML常用标签一、img 标签的用法1、img 的属性src ：source，图片路径，可以是相对路径也可以是绝对路径，作用发送 get 请求，展示一张图片alt : 加载失败是，展示文字提示用户width，height 设置图片宽高，只设置 width，height 会自动适应，只设置 height，width 会自动适应，两个都设置，图片会变形。

图片响应式<style>img {box-sizing : border-box;max-width : 100%;}</style>2、img 事件onload 加载成功时执行onerror 加载失败时执行二、 a 标签的用法1. a 标签的属性（1） href 属性：写一个网址helf 的取值路径/a/b/c 以及 a/b/cindex.html 以及 ./index.html伪协议javascript: 代码;如<a href="javascript:alert(1);">点击</a> 点击不会刷新的超链接*javascript : ; 空的伪协议：*##xxx 跳转到对应 id 的标签mailto : 邮箱地发邮件tel : 手机号打电话（2）target 属性：指定页面在哪个窗口打开_blank 在空白页面打开_top 在最顶层打开_parent 在上一级窗口打开_self 在当前窗口打开xxx 在 xxx 窗口打开，如果没有 xxx 窗口则会建一个 xxx 窗口三、table 标签的用法1、表格标签table 表格thead 表头，tbody 表格主体，tfoot 表格页脚tr 表格的一行， th 表头， td 单元格直接写 tr、td 会自动放入 tbody2、表格属性table-layout = auto 表格宽度会根据内容自动适应table-layout = fixed 表格宽度会根据内容自动平均border-spacing = 10 表格间隙border-collapse = collapse 表格合并四、form 表单的用法form 表单会发 get 请求或者 post 请求1、form 表单属性action 请求页面的地址method 请求方式autocomplete 自动填充target 把哪个页面变成 yyy 刷新value 设置按钮名称2、form 表单的type 类型text 文本color 颜色password 密码radio 单选框，需要加上同一个 namecheckbox 多选框，同一组，需要加上同一个 namefile 选择单个文件file mutiple 选择多个文件hidden 隐藏的表单，用来给机器输入的3、form 表单事件onchange 事件：表单内容发生改变onfocus 事件：表单获得焦点onblur 事件：表单失去焦点表单一般不监听 click 点击事件form 里面放 type=submit 才能触发提交事件4、input type=submit 和button type=submit 的区别input type=submit 不能有其它除了文字之外的内容button type=submit 可以有任何内容，包括标签五、其它输入标签select option 标签选项菜单textarea 标签多行文本六、其他标签video 视频标签audio 音频标签canvas 绘制图像标签svg 绘制矢量图标签。

HTML标签总结

HTML标签一。

HTML基本标签<head>//头部标签<title></title>//标题标签，显示在浏览器的上部<body></body>//网页的正文，如浏览器显示的文字，图像，表格等都在此标签中书写。

它有很多属性。

如下：link：设置页面超链接文本的颜色alink：设置鼠标正在点击时的超链接文本的颜色。

vlink：设置鼠标点击后超链接文本的颜色.bgcolor:设置页面背景颜色background：设置页面背景图片leftmargin：设置左边距rightmargen：设置右边距topmargen：设置上边距bgproperties：设置页面背景图像为固定，不随页面滚动而滚动text：设置页面文本颜色</head>二。

一些基本标签<font></font>//文字标签，中间嵌入文字，其属性有face：设置文字的字体，如face="仿宋_GB2312"size:设置文字的大小，如size="5"color:设置文字的颜色，如color="#000000"<b></b>用于加粗文字<i></i>用于使文字变为斜体<u></u>用于使用下划线<em></em>用于强调文本，一般显示为斜体<strong></strong>用于特别强调的文本，显示为粗体<cite></cite>用于印证或者举例，通常为斜体<code></code>用于指出文字显示的一段代码。

<small></small>用于规定文本以小号字显示<big></big>用于规定文本以大号字显示<samp></samp>放在该标签中的文字以计算机常用的字体样式显示，即宽度相等的字体<kbd></kbd>用于存放用户从键盘输入的文字<var></var>放在该标签中德文字用来表示变量，通常显示为斜体<sub></sub>下标字标签，显示的文字如下标字<sup></sup>上标签，与下标签相反，显示的文字为上标<del></del>删除字标签，通常文字上带有横线<abbr></abbr>缩写标签，一般一段英文中，用于显示每个单词的首字母，其属性如下：title:用于代表英文的全部内容，如title="Apple Banana Cat",其显示内容为：ABC <bdo></bdo>:文字方向标签，用于设置文字方向，其属性只有一个：“dir”dir="ltr" or dir="rtl"用于表达文字是从左边往右边书写还是右边往左边书写<br>换行符标签<p>换段落标签，其属性如下align：用于段落文本的对其方式<!-****-->注释标签<!-****--><pre></pre>预格式文本，用于将文本按输入的格式输出<backquote></backquote>缩排标签，标签中的文字会自动缩进几个空格<hr>水平线标签，用于显示水平线，其属性如下：size:用于设置水平线的长度，如size="3cm" size="15"width:用于设置水平线的宽度，单位为像素align：用于设置水平线的额对其方式color：用于设置水平线的颜色noshade：取消水平线的3d阴影三。

html常用标签整理

html常⽤标签整理html⽂档结构1<!DOCTYPE html>2<html lang="zh-CN"> #这个lang表⽰语⾔，zh-CN中⽂的意思，整个⽂档的内容以中⽂为主，如果以英⽂为主，就写成lang='en'34<head>5<meta charset="UTF-8">6<title>css样式优先级</title>7</head>8<body>910</body>11</html>1.<!doctype html>声明为html5⽂件，必须是html⽂档的第⼀⾏，在<html>标签之前;2.<html>、</html>是⽂档开始和结束的标记,是HTML页⾯的根元素，在它们之间是⽂档的头部（head）和主体（body);3.<head>、</head>定义HTML⽂档开头部分,内容不会在浏览器窗⼝显⽰,包含⽂档元（meta）数据，配置信息等，是给浏览器看的;4.<title>、</title>定义了⽹页标题，在浏览器标题栏显⽰（修改⼀下title中的内容，然后看⼀下浏览器，你就会发现title是什么了）;5.<body>、</body>之间的内容是可见的⽹页主体内容;注意：中⽂⽹页需要使⽤<meta charset="utf-8">声明编码，否则会出现乱码;有些浏览器是gbk，需⼿动设置为 <meta charset="gbk">；html标签格式1.html标签是由尖括号包围的关键字，如：<html>,<div>,<span>等;2.html标签通常是成对出现，如：<div></div>,第⼀个是开始，第⼆个有斜线的是结束；3.有些标签是单独呈现的，如：<br/> 、<hr/>、<img src="222.png">;4.标签⾥⾯带有若⼲属性，也有不带的；标签语法：<标签名属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名><标签名属性1=“属性值1” 属性2=“属性值2”…… />html注释： #找到⼀⾏内容ctrl+/能快捷注释，注释的内容不会在⽹页上显⽰出来head内常⽤标签meta标签： 01.<meta>元素可提供有关页⾯的元信息（meta-information）,针对搜索引擎和更新频度的描述和关键词； 02.标签位于⽂档的头部，不包含任何内容,提供的信息⽤户是看不见的；meta标签组成： http-equiv属性和name属性： 1.http-equiv属性：相当于http的⽂件头作⽤，向浏览器传回⼀些有⽤的信息，正确显⽰⽹页内容，与之对应的属性值content，content中的内容是各个参数的变量值；<meta http-equiv="refresh" content="2;URL=https://"> #如果把URL和后⾯的内容去掉，就是2秒钟刷新⼀次，做了解;<meta http-equiv="content-Type" charset=UTF8"><meta http-equiv="x-ua-compatible" content="IE=edge"> #edge是微软的⼀个全新的浏览器,其实就是告诉IE浏览器，你按照最⾼标准来渲染我的页⾯，做了解；属性：主要⽤于描述⽹页，与之对应的属性值为content，content中的内容主要是便于搜索引擎查找信息和分类信息⽤的；<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"> <meta name="description" content="xxxxxpythonxxx学习"> #是对这个⽂档的描述，在百度⼀些内容的页⾯上，f12打开看看body常⽤标签基本标签不加标签的纯⽂字也是可以在body中写的<b>加粗</b><i>斜体</i><u>下划线</u><s>删除</s><p>段落标签</p> #独占⼀个段落<h1>标题1</h1><h2>标题2</h2><h3>标题3</h3><h4>标题4</h4><h5>标题5</h5><h6>标题6</h6><br><hr> #就是单独个⼀个⽔平线每次加上⼀些内容，记得保存再刷新⼀下才会显⽰出效果来；常⽤特殊字符div标签和span标签这两个标签没有特别的样式,<div>xxxx</div>，<span>xxx</span>这是两个标签最⼤的特点，可以通过CSS来控制,⽹站中多数是他们;div标签⽤来定义⼀个块级元素，并⽆实际的意义。

HTML常用标签

HTML最常用标签（一）基本文档结构标签：1)：注释标签用来在源文档中插入注释。

注释会被浏览器忽略。

您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。

2)<!DOCTYPE>：<!DOCTYPE> 声明位于文档中的最前面的位置，处于<html> 标签之前。

此标签可告知浏览器文档使用哪种HTML 或XHTML 规范。

3)<html>：此元素可告知浏览器其自身是一个HTML 文档。

4)<head>：<head> 标签用于定义文档的头部，它是所有头部元素的容器。

5)<base>：标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接。

6)<meta>：<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

包含在<head>标签中。

7)<title>：<title> 元素可定义文档的标题。

8)<body>：body 元素定义文档的主体。

body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。

）（二）文本、字体、字号、线条、行控制、超链接、图像相关标签：9)<b>：呈现粗体文本效果。

10)<i>：显示斜体文本效果。

11)<br>：<br> 可插入一个简单的换行符。

12)<font>：<font> 规定文本的字体、字体尺寸、字体颜色。

13)<h1> -- <h6>：<h1> - <h6> 标签可定义标题。

<h1> 定义最大的标题。

<h6> 定义最小的标题。

HTML常用标签

HTML常⽤标签1 HTML初识HTML标签就是⽤来表达⽹页上的⽂字、图⽚、链接、⾳视频等等的······1.1 HTML标签分类在HTML页⾯中，带有“< >”符号的元素被称为HTML标签，如上⾯提到的 <HTML>、<head>、<body>都是HTML标签。

所谓标签就是放在“< >” 标签符中表⽰某个功能的编码命令，也称为HTML标签或 HTML元素1)双标签<标签名> 内容 </标签名>该语法中“<标签名>”表⽰该标签的作⽤开始，⼀般称为“开始标签（start tag）”，“</标签名>” 表⽰该标签的作⽤结束，⼀般称为“结束标签（end tag）”。

和开始标签相⽐，结束标签只是在前⾯加了⼀个关闭符“/”。

⽐如 <body>我是⽂字 </body>2)单标签<标签名 />单标签也称空标签，是指⽤⼀个标签符号即可完整地描述某个功能的标签。

　⽐如 <br />1.2 HTML标签关系标签的相互关系就分为两种：1)嵌套关系<head> <title> </title> </head>2)并列关系<head></head><body></body>例题：请问下列哪个标签是错误的？A <head></head><body></body>B <strong><div></div></strong>C <head><title></head></title>D <body><div></div></body>建议：如果两个标签之间的关系是嵌套关系，⼦元素最好缩进⼀个tab键的⾝位。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

html+css交流群群号=32342815
frame标记——框架语句

基本语法 <frameset rows=”*,*,*”> <frame name=“本框架名称” target=“目标框架名称” src=“在框架显示的页面文件名.htm”>… <noframes><body>此网页使用了框架，但您的浏览器不支持框架。</body></noframes> </frameset> 例： <frameset rows="150,2*,*"> <frame name="1" scrolling="no" noresize target="2" src="frame-1.htm"> <frameset cols="*,50%"> <frame name="2" target="3" src="frame-2.htm"> <frame name="3" src="frame-3.htm" scrolling="auto" target="4"> </frameset> <frame name="4" target="1" src="frame-4.htm"> <noframes><body>此网页使用了框架，但您的浏览器不支持框架。</body></noframes> </frameset> frameset标记：声明框架页开始，以</frameset>结束d
网上的绝对地址是http:://后边所书写的地址名称注1。此时文件名必须全部书写 (包括扩展名)
html+css交流群群号=32342815
a标记2——超级链接语句
例3：<a href=”../qt/myteam.htm”>团队</a> 上语句将产生一个相对地址(../qt/)、文件名myteam.htm的超级链接。相对地址是只被调用的网页文件与调用它的文件位置在相同的物理存储器(硬盘、光盘、软磁盘等)之中，而文件夹可能不同。例句中表示myteam.htm文件与调用它的文件在另一个同级的文件夹中注2。相对地址的文件名也必须全部书写。本例的地址为：../qt/、文件名为myteam.htm
html+css交流群群号=32342815
div标记—层、效果块段落语句
<div> 可定义文档中的分区或节（division/section）。 <div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。 <div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。 div标记在网页制作中的作用有许多(比如：层、效果块等)，还有换行作用。例句中产生与<br>相似的换行效果，没有行间距。 <div> 是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。提示：请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。
html+css交流群群号=32342815
center标记——居中语句

center标记——居中语句基本语法：<center>所有欲居中的内容</center> 例：<center>所有欲居中的内容</center> 在center语句所包括的所有内容段落都将产生居中的效果。
html+css交流群群号=32342815
html+css交流群群号=32342815
a标记1——超级链接语句
基本语法：<a href=”超级链接的文件”>产生超级链接的文字</a> 例1：<a href=”title.htm”>超级链接的文字</a>
上语句将产生一个同文件夹下的一个超级链接，链接的文件名为title.htm。没
html+css交流群群号=32342815
sub和sup标记——上、下标语句
基本语法：<sub>变成上标的文字</sub> 例：这个字变成<sub>上标</sub> “上标”文字比这个字变成要小三级，并且升高半个字。显示为：这个字变成上标基本语法：变成<sup>下标</sup>的文字例：变成<sup>下标</sup>的文字 “下标”文字比变成文字小三级，并且下降半个文字。显示为：变成下标文字。
html+css交流群群号=32342815
img标记——插入图片语句
基本语法：<img src=”插入图片的路径/文件名” alt=” 图片说明文字” width=”图片宽度象素” height=”图片高度象素” border=”图片边框象素” align=” left靠左 |right靠右|center居中”> 例：<img src=“images/flower.jpg” alt=“美丽的花” width=“80” height=“150” border=“0” align=“right”>
a标记的用法以后讲，而a标记中加粗和有下划线语句部分产生鼠标指向我的家园时，弹出“我的家园，是美丽的家园！”——就象在Windows桌面，鼠标指向图标不动，弹出的说明文字一样。
html+css交流群群号=32342815
h标记——标题语句
基本语法：<h1 align=位置描述>第一节</h1> 例：<h1 align=center>我的家园</h1> h1—24磅(小一号)大小加粗； h2—18磅(小二号)；h3—14磅(四号)；h4—12磅(小四号)；h5—10磅(五号与正常文字一样大小)； h6—8磅(六号)。所以，h4以下没有意义。
html+css交流群群号=32342815
bgsound标记——插入背景声音语句
基本语法：<bgsound src=”声音文件夹/声音文件名”>，此行语句必须插入在<head></head>头语句之间，不能插在<body></body>中！！例：<bgsound src=”../sound/9.mid” loop=”-1”> loop=引号中的数值为-1时，表示无穷次，其它>0的数值为数值所表示的播放次数
html+css交流群群号=32342815
table标记——表格语句
基本语法：<table><tr><td 属性语句>显示内容</td>… …</table> 例1：<table border=“0” width=“ ” height=“”align="center"> <tr> <td width="" height=“\" align="center">表格中的单元格再输入文字内容</td> <td width="200"> </tr> <tr> <td>文字内容</td> <td></td><td></td> <td rowspan="2">纵向合并</td></br> <tr><td></td><td colspan="2" 横向合并单元格</td>></br> </table></body>
html+css交流群群号=32342815
form标记——表单语句

例1 ： <form method=”post” action="mailto:zhjb1@"> <b><font size="4">简单的表单</font></b><br> 请输入您的姓名<input type="text" name="姓名" size="20" value="" rows=20 maxlength="20"><br> 请输入您的密码<input type="password" name="密码" value="" rows=20 size="20" maxlength="8"><br> 您的工作是：<input type="radio" name="work" value=1>公务员 <input type="radio" name="work" value=1>教师 <input type="radio" name="work" value=1>军人 <input type="radio" name="work" checked value=1>学生 <input type="radio" name="work" value=1>老板<br>