本文目录
html标签对应的属性有哪些
html常用标签
html结构：
《html》 html开始标签
《head》
《title》html文档标题《/title》
《/head》
《body》
html文档内容....
《/body》
《/html》 html结束标签
表格：
《table》 表格开始标签
《tr》 行
《td》《/td》 列
《/tr》
《/table》 表格结束标签
表
格属性：《table width=““ height=““ border=““ bgcolor=““
background=““ cellpadding=“’ cellspacing=““ 》其中：
width:为表格的宽度，height:表格的高度，border：表格的边框，
bgcolor表格的背景颜色，background 表格背景颜色。cellpadding：表格字间距, cellspacing：表格边框间距。
双标签:
《b》《/b》 字体加粗
《i》《/i》 斜体
《u》《/u》 字体下划线
《s》《/s》 删除线
《strike》《/strike》 删除线
单标签:
《br /》 换行
《hr /》 水平线
空格：
向右双箭头 :»
注册商标符：®
版权符号：©
双引号:“
链接
《a href=“#“ title=““》链接文本/图片《/a》
注:# 换成所要链接的文件相对地址。title:为链接提示信息。
图片链接：
《img src=““ alt=““ width=““ hegiht=““ 》
src:图片链接相对地址，alt：图片信息， width：图片宽度，height:图片高度。
表单：
表单开始标签：《form name=“表单名称“ method=“post/get“ action=“提交地址“》
文本框：《input type=“text“ name=“名称“ value=“值“ /》
密码框：《input type=“password“ name=“名称“ value=“值“/》
单选按钮：《input type=“radio“ name=“名称“ checked /》
复选框：《input type=“checkbox“ name=“名称“ checked /》
列表：
《select》
《option value=“值“》《/option》
《/select》
文本区域：《textarea cols=“文本的宽度“ rows=“文本行数“》《/textarea》
提交按钮:《input type=“submit“ name=“名称“ value=“值“ /》
重置按钮 《input type=“reset“ name=“名称“ value=“值“ /》
表单结束标签:《/form》
介绍几个常用的HTML5标签
一、Html的基本结构：
《!DOCTYPE html》
《html》
《head》
《meta charset=utf-8“》
《title》《/title》
《/head》
《body》
网页的文本、图片等信息；
《/body》
《/html》
二、Head部分：用于表示网页的元数据即描述网页的基本信息
其常用标签及属性有：
1、title标签：浏览器标签页显示的标题
2、meta标签：其常用属性
①charset:设置文档的字符集编码格式。HTML5中设置字符集编码：《meta charset=“UTF-8“》
常见的字符集编码格式：
a.GB-2312:国标码，简体中文
b.GBK：扩展的国标码
c.UTF-8：万国码 Unicode 常用
②
4、Rel（被链接是当前的前/后一篇）:指定被链接文档与当前文档的关系,搜索引擎 会利用该属性 获取更多的有关链接的信息：
rel=“prev“被链接文档是当前文档的前一篇文 档，
rel=“next“被链接文档是当前文档的后一篇文档,
rel=“icon“被链接文档是当前文档的图标
rel=“stylesheet“被链接文档是当前文档的样式表
5、Rev（当前是被链接的前/后一篇）
锚链接：
①本页面锚链接:a、设置锚点：《a name=“top“》《/a》
b、跳转锚点：#name名
①页面间锚链接:a、在即将跳转页面的指定位置设置锚点
b、跳转锚点：页面地址.html#name名
《a href=“02_常见的块级标签.html#Hbuilder“》页面间锚链接《/a》《br/》
功能性链接： mailto用于给指定邮箱发送邮件
file：///e:/aaa.png打开本地文件
tencent://message/?uin=1315618220 给指定QQ发送息
《9》s标签，有误文本：删除线
《s》这是S标签中的文字《/s》《br /》
《10》cite标签：浏览器显示为倾斜，常用于书、画作、作品的引用
《cite》这是cite中的文本《/cite》《br /》
《11》code:计算机代码，不保留代码格式
《pre》
《code》《/code》
《/pre》
《12》bdo:表示文本方向，属性：dir=“ltr“表示从左往右，dir=“rtl“表示从右往左
《bdo dir=“rtl“》1234567《/bdo》《br /》
kbd:表示需要用户用键盘输入的内容，浏览器显示为等宽字体
请输入“《kbd》Esc《/kbd》”推迟系统《br /》
《13》sup:上标文本，sub:下标文本
x《sub》6《/sub》《br /》
© © 空格
© © 空格 《br /》
《14》u:下划线
《u》这是下划线《/u》《br /》
mark:高亮或标记文本，浏览器显示为黄色背景
《mark》mark《/mark》《br /》
html中有哪些单标签和双标签
1、在HTML基础中，单标签就是由一个标签组成的。例如《br》、《hr》、《img》、《input》、《param》、《meta》、《link》。
2、而双标签则是由“开始标签”和“结束标签”两部分构成（这两部分是相同的）。例如《html》、《head》、《title》、《body》、《table》、《tr》、《td》、《span》、《p》、《form》、《h1》、《h3》、《h3》、《h4》、《h5》、《h6》、《object》、《style》、《b》、《u》、《strong》、《i》、《div》、《a》、《script》、《center》（双标签的一部分）。-html标签
扩展资料：
1、由尖括号包围的关键词，比如 《html》
2、通常是成对出现的，比如 《div》 和 《/div》
3、标签对中的第一个标签是开始标签，第二个标签是结束标签；
4、开始和结束标签也被称为开放标签和闭合标签。
5、也有单独呈现的标签，如：《img src=“百度百科.jpg“ /》等。
6、一般成对出现的标签，其内容在两个标签中间。单独呈现的标签，则在标签属性中赋值。如《h1》标题《/h1》和 《input type=“text“ value=“按钮“ /》。
7、网页的内容需在《html》标签中，标题、字符格式、语言、兼容性、关键字、描述等信息显示在《head》标签中，而网页需展示的内容需嵌套在《body》标签中。某些时候不按标准书写代码虽然可以正常显示，但是作为职业素养，还是应该养成正规编写习惯。-属性
参考资料来源：百度百科-html标签
html常用标签及作用
一、常用的标签
《h1》~《h6》 表示是一个标题
《p》 段落标签
《hr/》 水平线标签
《br/》 换行标签
《sub》 下标
《sup》 上标
《pre》 原样标签： 原样标签会保留空格和换行符。
《ol》 《li》 有序的列表标签、
《ul》 《li》 无序的列表标签。
项目列表标签(dl dt dd)
行内标签(span)
块标签《div》 div标签的内容会独立占一行。
二、实体标签
空格
小于号 《
大于号 》
-----------------------------
人民币 ¥；
版权 ©
商标 ®
三、媒体标签
《embed》《/embed》
hidden ： 设置隐藏插件是否隐藏。
src ：用于指定音乐的路径
《embed src=“1.mp3“ 》《/embed》
《marquee》 飘动标签direction : 指定飘动的方向
scrollamount : 指定飘动的速度。
loop :指定飘动的次数
四、超链接标签
《a》 超链接标签
a标签常用的属性：
href : 用于指定链接的资源
target: 设置打开新资源的目标。
_Blank 在独立的窗口上打开新资源
_self 在当前窗口打开新资源
file: file协议（文件协议）这种协议主要是用于搜索本地机器的资源文件的。
格式：
file:///f:/美女/1.jpg
邮件 的协议： mailTo迅雷的协议： thunder
超链接标签的作用：
1. 可以用于链接资源。
2. 锚点点位.
1. 首先编写一个锚点 锚点的格式： 《a name=“锚点名字“》 数据《/a》
2. 使用a标签 的herf属性连接到锚点出。 href=”#锚点的名字“
五、图片标签
img标签常用的属性:
width： 设置图片宽度
height 设置图片高度
alt: 如果图片资源无法找到，那么就显示对应的文字对图片进行说明。
六、表格标签
表格使用到的标签：
《table》 表格
《tr》 行
《td》 单元格
《th》 表头 默认的样式是居中，加粗。
《caption》 表格的标题
表格常用的属性：
border 设置表格的边框
width : 设置表格的宽度
height: 设置表格的高度的。
colspan: 设置单元格占据指定的列数。
rowspan : 设置单元格占据指定的行数。
《thead》 标签用于组合 HTML 表格的表头内容。
《thead》 元素应该与 《tbody》 和 《tfoot》 元素结合起来使用，用来规定表格的各个部分（表头、主体、页脚）。
通过使用这些元素，使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。
《thead》 标签必须被用在以下情境中：作为 《table》 元素的子元素，出现在 《caption》、《colgroup》 元素之后，《tbody》、 《tfoot》 和 《tr》 元素之前。
七、表单标签
《html xmlns=“注意： 表单项的数据如果需要提交到服务器上面，那么表单项必须要有name的属性值 --》《/head》《body》《form action=“http://www.baidu.com“ method=“post“》 《!-- 文本输入框 单 行- -》 用户名：《input name=“userName“ type=“text“/》《br/》《!-- 密码框 --》密码：《input name=“password“ type=“password“/》《br/》《!-- 单选框 --》性别： 男《input checked=“true“ value=“man“ name=“sex“ type=“radio“/》女《input name=“sex“ value=“woman“ type=“radio“/》《br/》《 !-- 下拉框 --》来自的城市：《select name=“city“》《option value=“BJ“》北京《/option》《option value=“SH“》上海《/option》《option value=“GZ“》广州《/option》《option value=“SZ“》深圳《/option》《/select》《br/》《!-- 复选框 同一组的复选框name的属性值要一致 --》兴趣爱好：java 《input value=“java“ name=“hobit“ checked=“checked“ type =“checkbox“ /》javascript 《input type=“checkbox“ value=“javascript“ name=“hobit“ /》android 《input value=“android“ name=“hobit“ type=“checkbox“ /》《br/》 《!-- 文件上传框--》大头照：《input name=“image“ type=“file“ /》《br/》个人简介:《!-- 文本域 --》《textarea name=“intro“ rows=“10“ cols=“30“》《/textarea》《br/》《!-- 提交按钮 --》《input type=“submit“ value=“注册“/》《!-- 重置按钮 --》《input type=“reset“ value=“重置“/》《/form》《/body》《/html》
-html标签
html常用的标签和属性有哪些各有什么用途怎样书写
大概说明部分:
《html》 《/html》 声明创 建 一 个HTML 文 档
《head》 《/head》 设 置 文 档 标 题 以 及 其 他 不 在WEB 网 页 上 显 示 的 信 息
《body》 《/body》设 置 文 档 的 可 见 部 分
《title》 《/title》将 文 档 的 题 目 放 在 标 题 栏 中
《h1》《/h1》创 建 最 大 的 标 题
《h6》《/h6》创 建 最 小 的 标 题
《b》《/b》创 建 黑 体 字
《i》《/i》创 建 斜 体 字
《strong》《/strong》加 重 一 个 单 词（ 通 常 是 斜 体 加 黑 体）
《em》《/em》加 重 一 个 单 词（ 通 常 是 斜 体 加 黑 体）
《a href=“URL“》《/a》创 建 一 个 超 链 接
《a href=“mailto:EMAIL“》《/a》创 建 一 个 自 动 发 送 电 子 邮 件 的 链 接
《a name=“NAME“》《/a》创 建 一 个 位 于 文 档 内 部 的 靶 位
《a href=“#NAME“》《/a》创 建 一 个 指 向 位 于 文 档 内 部 靶 位 的 链 接
《p》创 建 一 个 新 的 段 落
《br》插 入 一 个 回 车 换 行 符
《dl》《/dl》创 建 一 个 定 义 列 表
《ul》《/ul》创 建 一 个 标 有 圆 点 的 列 表
《img src=“name“》添 加 一 个 图 像
《form》《/form》创 建 所 有 表 单
一个范例文档(已html5来写):
《!DOCTYPE html》
《html》
《head》
《meta charset=utf-8“ /》
《title》文章最重要的标题_网站名称《/title》
《/head》
《body》
《hearer》
《h1》文章最重要的标题《/h1》
《header》
《nav》导航部分《/nav》
《section》
《article》
《h3》小标题《/h3》 《p》内容《/p》
《/article》
《article》
《h3》小标题《/h3》 《p》内容《/p》
《/article》
《article》
《h3》小标题《/h3》 《p》内容《/p》
《/article》
《/section》
《aside》定义页面内容之外的内容《/aside》
《footer》
网站备案版权
《/footer》
《/body》
《/html》
《!--...--》 定义注释。 4 5
《!DOCTYPE》 定义文档类型。 4 5
《a》 定义超链接。 4 5
《abbr》 定义缩写。 4 5
《acronym》 不支持。定义首字母缩写。 4
《address》 定义地址元素。 4 5
《applet》 不支持。定义 applet。 4
《area》 定义图像映射中的区域。 4 5
《article》 定义 article。 5
《aside》 定义页面内容之外的内容。 5
《audio》 定义声音内容。 5
《b》 定义粗体文本。 4 5
《base》 定义页面中所有链接的基准 URL。 4 5
《basefont》 不支持。请使用 CSS 代替。 4
《bdo》 定义文本显示的方向。 4 5
《big》 不支持。定义大号文本。 4
《blockquote》 定义长的引用。 4 5
《body》 定义 body 元素。 4 5
《br》 插入换行符。 4 5
《button》 定义按钮。 4 5
《canvas》 定义图形。 5
《caption》 定义表格标题。 4 5
《center》 不支持。定义居中的文本。 4
《cite》 定义引用。 4 5
《code》 定义计算机代码文本。 4 5
《col》 定义表格列的属性。 4 5
《colgroup》 定义表格列的分组。 4 5
《command》 定义命令按钮。 5
《datagrid》 定义树列表 (tree-list) 中的数据。 5
《datalist》 定义下拉列表。 5
《datatemplate》 定义数据模板。 5
《dd》 定义定义的描述。 4 5
《del》 定义删除文本。 4 5
《details》 定义元素的细节。 5
《dialog》 定义对话（会话）。 5
《dir》 不支持。定义目录列表。 4
《div》 定义文档中的一个部分。 4 5
《dfn》 定义定义项目。 4 5
《dl》 定义定义列表。 4 5
《dt》 定义定义的项目。 4 5
《em》 定义强调文本。 4 5
《embed》 定义外部交互内容或插件。 5
《event-source》 为服务器发送的事件定义目标。 5
《fieldset》 定义 fieldset。 4 5
《figure》 定义媒介内容的分组，以及它们的标题。 5
《font》 不赞成。定义文本的字体、尺寸和颜色。 4
《footer》 定义 section 或 page 的页脚。 5
《form》 定义表单。 4 5
《frame》 不支持。定义子窗口（框架）。 4
《frameset》 不支持。定义框架的集。 4
《h1》 to 《h6》 定义标题 1 到标题 6。 4 5
《head》 定义关于文档的信息。 4 5
《header》 定义 section 或 page 的页眉。 5
《hr》 定义水平线。 4 5
《html》 定义 html 文档。 4 5
《i》 定义斜体文本。 4 5
《iframe》 定义行内的子窗口（框架）。 4 5
《img》 定义图像。 4 5
《input》 定义输入域。 4 5
《ins》 定义插入文本。 4 5
《isindex》 不支持。定义单行的输入域。 4
《kbd》 定义键盘文本。 4 5
《label》 定义表单控件的标注。 4 5
《legend》 定义 fieldset 中的标题。 4 5
《li》 定义列表的项目。 4 5
《link》 定义资源引用。 4 5
《m》 定义有记号的文本。 5
《map》 定义图像映射。 4 5
《menu》 定义菜单列表。 4 5
《meta》 定义元信息。 4 5
《meter》 定义预定义范围内的度量。 5
《nav》 定义导航链接。 5
《nest》 定义数据模板中的嵌套点。 5
《noframes》 不支持。定义 noframe 部分。 4
《noscript》 不支持。定义 noscript 部分。 4
《object》 定义嵌入对象。 4 5
《ol》 定义有序列表。 4 5
《optgroup》 定义选项组。 4 5
《option》 定义下拉列表中的选项。 4 5
《output》 定义输出的一些类型。 5
《p》 定义段落。 4 5
《param》 为对象定义参数。 4 5
《pre》 定义预格式化文本。 4 5
《progress》 定义任何类型的任务的进度。 5
《q》 定义短的引用。 4 5
《rule》 为升级模板定义规则。 5
《s》 不支持。定义加删除线的文本。 4
《samp》 定义样本计算机代码。 4 5
《script》 定义脚本。 4 5
《section》 定义 section。 5
《select》 定义可选列表。 4 5
《small》 不支持。定义小号文本。 4 5
《source》 定义媒介源。 5
《span》 定义文档中的 section。 4 5
《strike》 不支持。定义加删除线的文本。 4
《strong》 定义强调文本。 4 5
《style》 定义样式定义。 4 5
《sub》 定义上标文本。 4 5
《sup》 定义下标文本。 4 5
《table》 定义表格。 4 5
《tbody》 定义表格的主体。 4 5
《td》 定义表格单元。 4 5
《textarea》 定义 textarea。 4 5
《tfoot》 定义表格的脚注。 4 5
《th》 定义表头。 4 5
《thead》 定义表头。 4 5
《time》 定义日期/时间。 5
《title》 定义文档的标题。 4 5
《tr》 定义表格行。 4 5
《tt》 不支持。定义打字机文本。 4
《u》 不支持。定义下划线文本。 4
《ul》 定义无序列表。 4 5
《var》 定义变量。 4 5
《video》 定义视频。 5
《xmp》 不支持。定义预格式文本。 4 5
-属性
html 标签 属性
详解HTML
标签和属性
在HTML中，通常标签都是由开始标签和结束标签组成的，开始标签用“《标签名》”表示，结束标签用“《/标签名》”表示。
元素指的是包含标签在内的整体，除去标签的部分叫做内容。
属性要在开始标签中指定，用来表示该标签的性质和特性。通常都是以“属性名=”值””的形式来表示，用空格隔开后，还可以指定多个属性。指定多个属性时不用区分顺序
颜色的指定方法
用HTML指定颜色有两种方法
1、用16进制数值来指定：在#号的后面，把RGB的各个选项用十六进制的数值来表示，数值保持两位数。
2、指定颜色的名称：可以对基本的16色用名称来指定其颜色
指定文件的位置
在对某部分设置链接的时候，需要指定链接端HTML文件的位置；同样，如果想在该处显示图像也需要指定图像的位置。在HTML中，这个位置用URL来表示，有以下两种表示方法：
1、绝对URL：绝对URL就是用Web浏览器查看网页时，地址栏中显示的以这个标签可以放在《head》~《/head》和《body》~《/body》范围内的任意位置上
在不能执行脚本的环境中添加所需的内容
《noscript》~《/noscript》
在脚本不能运行的时候，可以使用noscript标签来指定替代显示的内容
这个标签要放置在《body》~《/body》的范围内
-html标签
