HTML:超文本标记语言
超文本:比普通文本功能强大
标记:使用标签对内容进行描述,它不是编程语言。
语法规范:
1.所有的html文件后缀名都是以.html或者.htm结尾,建议使用
2.整个html文件分别由头部分<head></head>和体部分<body></body>组成
3.Html标签都是由开始标签和结束标签组成
4.Html标签忽略大小写,建议使用小写
5.有且仅有一个根标签<html></html>
1.标题标签
使用<hn></hn>,n代表数字 从1~6逐渐变小。
特点:加粗加黑显示,单独占用一行,与其他行有一定的行间距
2.注释
使用,xxx代表注释的内容,在源代码中显示,在页面不会展示
3.水平线标签
使用<hr />
属性:
size:水平线的高度,单位像素
noshade:没有阴影;不设置该属性,水平线显示阴影;noshade=“noshade”时,显示纯色,水平线不显示阴影;
4.段落标签
使用<p></p>,标签内放段落的内容,每一个段落都要添加一个标签
5.字体标签
使用<font></font>
常用属性为:
color 设置字体颜色;属性的值可以为英文单词,比如“red”,也可以为16进制数值,比如 #00FF00 每两位代表一种颜色,依次为 红色,绿色,蓝色
size 设置字体大小;属性取值范围为1~7,从小变大显示,size设置超过7时大小和7一样
face 设置字体
6.字体加粗标签
<b></b>
7.斜体标签
<i></i>
8.图片标签
<img />
常用属性:
src 设置图片地址,地址为相对地址
相对地址:同级直接写名称 例如 src=log02.png
当前页面的上一级 src=../log02.png
width 设置图片宽度
height 设置图片高度
alt 设置图片无法显示时的替代文本
9.列表标签
无序标签:用<ul></ul>定义,每个列表项用<li></li> 默认列表标记为.
<ul>标签:
可选属性compact:
type:disc 实心原点; squre:实心方块;cirde:空心圆圈(了解即可)
有序标签:用<ol></ol>定义,每个列表项用<li></li> 默认列表标记为阿拉伯数字
<ol>标签:
可选属性 compact
reversed:降序排列
start:起始值
type:1/A/a/I/i
10.超链接标签
<a></a>
必填属性 href :设置链接后地址
可选属性 target:定义被链接的文档在何处显示
target=“_blank” 新窗口打开链接
11.表格
表格标签 <table></table>
行标签:<tr></tr>
单元格标签:<td></td>
表格标签属性:
border:边框,属性为边框像素值
width::表格宽度
height:表格高度
align:表格显示位置 center--居中
bgcolor:背景色
cellspacing:单元格与单元格的间距
cellpadding:单元格与单元格内容的间距
注意:属性覆盖顺序--单元格>行>表格
11.单元格跨行跨列的实现
<td>的属性:colspan--跨列 rowspan--跨行
[图片上传失败...(image-188407-1538383245939)]
12.width/height属性值可以为百分比,例如:100%
13.框架结构标签
<frameset></frameset>
属性:cols,页面比例,百分比,两个页面比例间使用“,”分割
注意:不能放在body内,建议使用框架标签时不使用body