1、HTML基本框架:
<!doctype html><!-- HTML标准 H5 只能出现在第一行--> <html> <head> <!-- 简写<meta charset="utf-8">兼容性不好 --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- 举例:百度竞价,根据描述信息content --> <meta name="Keywords" content="关键字" /> <meta name="description" content="描述 80字以内" /> <title>title</title> <link href="#" rel="stylesheet" /> </head> <body>
<!-- 规范: 有闭合标签必须要闭合; 所有名称一律小写; 开发的时候,注意代码缩进; 特殊符号规范使用,以分号结尾; -->
</body> </html>
2、常见标签及特点
h1,h2,h3,h4,h5,h6 : H标题标签,加粗,值越大字越小;一个页面中一般来说只会出现一次h1,可以供搜索引擎进行关键词匹配。
p :段落标签,HTML中空格和换行重复使用无重叠效果。前后的元素都会被换行。
特殊符号:显示HTML中与标记冲突的符号,大于号>、小于号<、and符号<、空格 、版权号©、叉×。
strong与b标签:strong标签能被搜索引擎搜索到,不仅仅能加粗(b标签),可以写多个。
a标签:默认会有下划线,且改变颜色,鼠标指针放上有超链接;href='#'表示跳转到当前页面,光标置顶
img标签
图片格式:BMP(点阵图,占用空间大,色彩丰富)、JPEG(有损压缩,在页面当中一般都采用此格式;因为文件小,用户访问速度快)、GIF(动图,多帧动画,支持透明)、PNG(支持Alpha通道,支持透明和半透明)
属性:alt="仅供搜索引擎查看",src=“”引用本地地址或外部链接”
无序列表
<h2>无序列表</h2> <ul type="square"> <!-- 每个li标签前后被换行 --> <li>type——disc:默认,小黑圆点;square:实心方块;circle:空心圆圈;</li> <li>111</li> <li>222</li> <li>333</li> </ul> <h2>有序列表</h2> <ol type="666"> <li>"i"小写罗马字符序列;</li> <li>"I"大写罗马字符序列;</li> <li>"a"小写字母序列;</li> <li>"A"大写字母序列</li> </ol> <h2>自定义列表</h2> <dl> <!-- 不支持序列项标识 --> <dt>column title1</dt> <dd>data</dd> <dd>data</dd> <dd>data</dd> <dt>LEVEL</dt> <dd>level1</dd> <dd>level2</dd> <dd>level3</dd> </dl>