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符号&lt、空格 、版权号©、叉×。
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>