HTML标记 | 易学教程

html:超文本标记语言

标记，标签，元素

单标签：<标签名属性名="属性值" 属性名=“属性值” />

双标签：<标签名属性名="属性值” 属性名="属性值”></标签名>

结构标签：

排版标签：

p h1-h6 div span hr br pre blockquote

文本标签

b strong i em u ins s del big small sup sub font

列表标签：

ul>li ol>li dl>dt>dd

图片标签： <img src="地址路径">

路径：相对路径绝对路径

html链接标签:

超链接：<a href="#"></a> 属性： target:_self(默认在当前窗口中打开) _blank(在新窗口中打开) title: 说明

举例： <a href="javascript:void(0)"></a>

锚链接：锚链接实现是在当前页面中跳转

举例： <p id=‘id名’>内容</p>

link标签：

通过link标签可以设置网页的图标

注意：

1.要将link标签放到head标签中

2. link标签中的rel="icon"

3. href="图标路径"

4. 一般将网页图标放到网站跟目录下

表格标签： table>tr>td,th

属性名	含义	常用属性值
border	设置表格的边框宽度	像素值（默认为0）
cellspacing	设置单元格与单元格边框之间空白间距宽度	像素值（默认为2）
cellpadding	设置单元格内容与边框线之间的空白间距宽度	像素值（默认为1像素）
width	设置表格的宽度	像素值
height	设置表格的高度	像素值
algin	设置表格在网页中的水平对齐方式	left center right
bgcolor	设置表格的整体背景颜色
background	设置表格的整体背景图
bordercolor	线颜色

tr属性： bgcolor background height align valign(垂直)

td属性：

属性值	含义	常用属性值
width	设置单元格的宽度	像素值
height	设置单元格的高度	像素值
algin	设置单元格中内容的水平对齐方式	left、center、right
valign	设置单元格中内容的垂直对齐方式	top、middlle、bottom
rowsapn	设置要跨行(纵向)合并的单元格数	要合并的数量
colspan	设置要跨行(横向)合并的单元格数	要合并的数量
bgcolor	设置单元格的背景颜色
background	设置单元格的背景图

表格高级：

caption: 用于表示一个表格的"标题文字" (看起来在表格线的外面)，写在table标签中

thead: 用于表示一个表格"头部区域"，其中可以包含若干个tr行，tr中自然有td(或者th)

写在table标签中,tr外，即这样的层次: table > thead > tr

tbody: 用于表示一个表格"主体区域",其中可以包含若干个tr行，tr中自然有td(或者th)

写在table标签中,tr外，即这样的层次: table > thead > tr

tfoot: 用于表示一个表格"底部区域"，其中可以包含若干个tr行，tr中自然有td(或者th)

写在table标签中,tr外，即这样的层次: table > tfoot > tr

表单：

文本框: <input type="text" />

属性: maxlength 设置当前控件最多能输入多少个字符 value：当前控制的默认值 size: 表示控件的长度

readonly: 设置当前控件为只读模式 name: 当前控件的名称

disabled: 设置当前控件不能输入 id : 当前控件德唯一标识

密码框: <input type="password" />

提示按钮：

下拉列表:

</select>

来源：https://www.cnblogs.com/itfz/p/10746689.html

标签

html语言

html表格

单元格

像素