html标签格式
双边标记
双边标记，是指有开始和结束标记，内容放在开始和结束标记之间。
语法格式：<标签名称 属性1="属性值1" 属性2="属性值2">内容</标签名称>
属性：属性是描述一个物体特征的名词，例如：桌子的属性（长，宽，高，颜色等等）
单边标记
单边标记：指的是只有开头，没有结尾的标记。
单表标记一般表示一个特殊功能
常用的单边标记有10各左右
语法格式：<标签名称 属性=“属性值” 属性2=“属性值2”>
HTML标签编写规范
html标记不区分大小写。
html标签属性可有可无。有的标记是没有属性的。
双边标记的内容是在开始标签和结束标签之间的。单边标签是没有内容
html标记是可以相互嵌套，但是一定要注意嵌套顺序。外层套内层。
常用标签和属性
<body>标签
格式：<body 属性="属性值">
属性：bgcolor 网页背景颜色 background 网页背景图片地址
html文本修饰标记
<b>文本内容</b> 加粗文字
<center>内容</center> 将内容居中显示到网页里面
<i>内容</i> 文本侵倾斜 <u>内容</u> 给文本加下划线 <s>内容</s> 给文字加删除线
<sup>内容</sup> 文字上标 <sub></sub> 文字下标
font标签
作用：修饰文字 格式：<font 属性>内容</font>
属性： size：设置文字大小，取值1-7之间 1是最小 7是最大。取值：##px
color：设置文本颜色。
face：设置文字的字体：黑体 楷体 宋体
p标签
作用：是一个段落标签 格式：<p 属性>内容</p>
属性：align=水平对齐方式，取值left center right
br标签
换行标签，相对于p标签，br换行的时候不会有空白行
hr标签
作用：生成一个水平方向的线。
属性： size：水平线的粗细，单位也是px color：水平线的颜色
width：水平线的宽度，默认是整个网页的宽度
h标签
作用：标题标签 功能：定义各种标题 属性：align水平对齐方式 取值：left center right
语法： <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3>...
无序列表 ul标签
格式： <ul 属性=属性值>
<li>xxxxxxx</li>
<li>xxxxxxx</li>
</ul>
属性：type
属性值：disc 黑色实心圆点 默认属性值 circle 实心圆 square 实心黑色方块 none 无
有序列表 ol标签
格式：<ol 属性=属性值>
<li>xxxxxxxx</li>
<li>xxxxxxxx</li>
</ol>
属性：type 属性值 A a 1 i I
属性：start 属性值：#（数字）
图片标签 img标签
格式：<img 属性=属性值>
属性：src 放置图片的路径，一般情况下将图片放在与html文件相同的位置
width：指定图片的宽度
height：指定图片的高度（一般情况下只需要指定一个宽度就可以了，因为图片是等比例缩放的）
border：为图片设置边框线可以指定边框线的粗细
align：图片的对齐方式，center，left，right 实现图文混排功能
hspace：指定文字和图片之间的水平距离
vspace：指定文字和图片之间的垂直距离
超链接标签a标签
作用：跳转网页的作用（打开一个新的网页）
属性：href：指定目标URL（要跳转的目标位置） target：指定新的链接打开的位置
-blank：在新的窗口打开目标文件或者目标位置
-self：在当前窗口打开目标文件，相当于替换操作。（默认属性值）
-parent：在上一级窗口打开目标文件 name：指定锚点连接名称
设置锚点
<a name="#top"></a> 锚点位置
<a href="#top">返回顶部</a> 需要跳转的地方
补充：URL包含 协议 域名 端口 路径
表格标签
table标签的常用属性
width：设置表格的宽度，可以是固定值，也可以是百分比（相对于整个网页的宽度的百分比）
height：设置表格的高度 border：设置表格边框的粗细 bgcolor：设置背景颜色
cellpadding：单元格的边线和内容之间的距离
cellspacing：单元格和单元格之间的宽度（间距）
align：center left right rulles：合并相邻的两个单元格边框线
tr标签
bgcolor：背景颜色 height：行的高度 align：行中的文本水平居中
valign：垂直居中：取值 top（上） bottom（下） middle（中间）
td或th标签：
width：宽度 height：高度 bgcolor：单元格的背景颜色 background：单元格的背景图片
align：水平对齐（左 中 右） valign：垂直对齐（上 中 下）
rowspan：上下单元合并。合并属性必须在一个单元格中 colspan：左右合并单元格
th标签是标题标签
扫一扫
798
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
