常见的HTML标记和属性

最新推荐文章于 2024-04-03 22:32:50 发布

xsj_blog

最新推荐文章于 2024-04-03 22:32:50 发布

阅读量2k

点赞数 2

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/xsj_blog/article/details/53236967

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

常见的 HTML 标记

HTML文件标记

标记	意义	作用
`<html> </html>`	文件声明	让浏览器知道这是 HTML 文件
`<head> </head>`	开头	提供文件整体资讯
`<title> </title>`	标题	定义文件标题，将显示于浏览顶端
`<body> </body>`	网页文件的内容	设计文件格式及内文所在

排版标记

标记	意义	作用
`<!--注解-->`	说明标记	为文件加上说明，但不被显示
`<br>`	换行标记	令字、画、表格等显示于下一行
`<p> </p>`	段落标记	为字、画、表格等之间留一空白行
`<pre> </pre>`	预设格式	令文件按照原始码的排列方式显示
`<div> </div>`	区块标记	设定文字、图像、等元素的摆放位置

字体标记

标记	意义	作用
`<strong> </strong>`	加重语气	产生字体加粗 Bold 的效果
`<b> </b>`	粗体标记	产生字体加粗的效果
`<em> </em>`	强调标记	字体出现斜体效果
`<i> </i>`	斜体标记	字体出现斜体效果
`<h1> </h1>`	一级标题标记	变粗变大加宽，程度与级数反比
`<h2> </h2>`	二级标题标记	将字体变粗变大加宽
`<h3> </h3>`	三级标题标记	将字体变粗变大加宽
`<h4> </h4>`	四级标题标记	将字体变粗变大加宽
`<h5> </h5>`	五级标题标记	将字体变粗变大加宽
`<h6> </h6>`	六级标题标记	将字体变粗变大加宽
`<sub> </sub>`	下标字	下标字
`<sup> </sup>`	上标字	上标字

清单标记

标记	意义	作用
`<ol> </ol>`	顺序清单	清单项目将以数字、字母顺序排列
`<ul> </ul>`	无序清单	清单项目将以圆点排列
`<li> </li>`	清单项目	每一标记标示一项清单项目
`<dl> </dl>`	定义清单	清单分两层出现
`<dt> </dt>`	定义条目	标示该项定义的标题
`<dd> </dd>`	定义内容	标示定义内容

表格标记

标记	意义	作用
`<form> </form>`	表单标记	决定单一表单的运作模式
`<textarea> </textarea>`	文字区块	提供文字方盒以输入较大量文字
`<input>`	输入标记	决定输入形式
`<select> </select>`	选择标记	建立 pop-up 卷动清单
`<option> </option>`	选项	每一标记标示一个选项

图形标记

标记	意义	作用
`<img>`	图形标记	用以插入图形及设定图形属性

连接标记

标记	意义	作用
`<a> </a>`	超链接标记	加入超链接

框架标记

标记	意义	作用
`<frameset> </frameset>`	框架设定	设定框架
`<frame> </frame>`	框窗设定	设定框窗

其他标记

标记	意义	作用
`<marquee> </marquee>`	移动文字	令文字左右走动
`<meta>`	开头定义	主要为网页文件添加关键词和描述

StyleSheet

标记	意义	作用
`<script> </script>`	脚本标记	添加Javascript代码或者是VBScript代码
`<style> </style>`	样式表标记	控制网页版面
`<link>`	链入标记	链入外部 CSS 文件
`<span> </span>`	自订标记	独立使用或与样式表同用
`<br>`		表示换行
`&nbsp`		空格
`&gt`		表示大于号
`&lt`		表示小于号(<)

HTML 标记常用的属性

通用属性：

class：为某个对象指定一个CSS样式表。
style：通过添加CSS代码来控制对象的样子。
width：指定对象的宽度
height：指定对象的高度

对齐方式：

align：水平对齐，可取的值为left，center，right
valign：垂直对齐，可取的值为top，middle，bottom

`<meta>`标记属性：

name：值为 keywords 时，增加关键字。值为 description ，增加页面内容描述

`<img>`标记属性：

src：指定一张图片(通过路径来指定图片)
alt：为图片添加描述信息

`<a> </a>`链接标记属性：

herf：指定链接到哪里
target：指定是否要打开新的窗口来显示网页

滚动字幕标记属性：

behavior：设置文字的移动方式，可取值有alternate，scroll，slide
scrollamount：控制文字移动速度，值为数字
direction：控制文字的移动方向，可选的值有left、right、up、down
onmousemove：设置鼠标移入滚动区时，让滚动字幕停止，取值为 this.stop()
onmouseout：控制鼠标移出滚动区时，让滚动字幕移动动，取值为this.start()

表格属性：

border：设置表格的边框粗细
bordercolor：指定边框颜色
bgcolor：指定表格的背景颜色
background：指定表格的背景图片
cellpadding：指定表格内容与边框之间的距离
cellspacing：指定单元格之间的距离
colspan：指定某个单元格占几列(用于合并单元格，且只能用于标记)
rowspan:指定某个单元格占几行(用于合并单元格，且只能用于标记)