web前端技术总结——HTML（包括html5）

WEB前端技术总结——HTML（包括html5）

一：HTML基础知识

1：常用标签

换行：

水平：

注释： ，页面中不会显示，源码中显示

标题：h1-6 重要性逐渐降低 ，h1仅次于title，h4-6一般不用

段落：p，默认独占一行，段与段间有一个间距，字符之间写再多空格也只会显示一个空格

列表:

    无序列表：
定义 
列表项  属性type中disc/square/circle表示实心圆点/方块/圆

    有序列表：
定义 
列表项  属性type中1/a/A/i/I表示阿拉伯/字母/罗马数字

    定义列表：
定义 
/
列表项，内容/描述 （ul/ol/dl彼此间可相互嵌套）

图片 img

	作用：  向页面中引入外部图片
					
	属性：  src：图片路径（相对路径：相对于当前资源所在路径位置，返回当前前2级目录../../）
					
	alt：图片无法加载时对图片的描述，搜索引擎通过它识别图片内容
					
	width/ height：设置宽度/高度（单位 px，动一另一等比例调整大小，不建议用）

	格式：  JPEG：支持颜色多，可压缩，不支持透明
	
	        GIF：支持颜色少，简单透明的图片，可动态
	
	        PNG：支持颜色多，复杂透明的图片（效果一致用kb小的，不一致用好的）

超链接 a

	href：地址（相对路径）/mailto电子邮件/页面名/不确定#/#top回到顶部
	
	target：_self当前页面打开链接/_blank新窗口中打开链接/内联框架中的name值

2：meta标签的作用

3：内联框架

特点：不推荐，不会被搜索引擎查到

格式：