html快速入门.md

HTML概述和快速入门

####1、HTML的概念

	HTML:叫做超文本标记语言

####2、HTML的作用

	做网页的.

####3、HTML的快速入门

A.HTML的后缀名
	a.HTML
	b.HTM

B.HTML采用浏览器打开
	原因: 浏览器当中嵌入了解析HTML语法的内核.

C.HTML的基础语法
	
		
			
		
		
		
	

D.注意事项
	HTML标签只能"包裹嵌套",不能"交叉嵌套"

##HTML的常用标签 ------>重点
####1、HTML的注释写法

####2、标题标签(数字越小,字越大)

  一级标题
  二级标题
  三级标题
  四级标题
  五级标题
  六级标题

####3、字体标签 font

A.标准格式
	 字体的设置 

B.常见属性
	a.字体大小的设置 size="1"  范围1-7 数字越大,字体越大
	b.字体颜色的设置 color="red" 红色  #00FF00 绿色
	c.字体标签的设置 face="楷体" 一定要是自己系统当中有这个字体

C.加粗,斜体,下划线
	字体会加粗
	字体会倾斜
	字体下划线

####4、格式化标签

A.换行
	
 也可以 
 只有一半(无需包裹.只写一半)

B.段落
	
 长段文字 
 

C.水平线
	

	a.宽度 width 直接写数字表示像素,加上百分号表示比例.推荐百分号
	b.高度 size 直接写数字表示像素,加上百分号表示比例.推荐百分号
	c.颜色 color 
	d.对齐方式  align="right"   left在左边 center在中间 right在右边
	


D.居中标签的效果
	 标签名称 ... 

####5、特殊指令

A.空格效果  

B.请参考 CHM格式笔记. -> E扩展补充 -> b阶段html -> 04特殊字符编码表对照

####6、图片标签 img

A.基本格式
	   

B.设置图片的大小对齐位置
	a.大小设置 width 宽度, height 高度
	b.设置对齐方式 align
	

C.相对路径的问题
	a.图片和网页在同一个目录 
	b.图片在其他目录,网页      网页在src图片在img ../返回上一层
	c.图片在其他目录,网页         图片在网页的子目录

####7、列表标签

A.有序列表 ol
	

		
 Java 
		
 UI 
		
 Python 
		
 PHP 
		
 前端 
	

B.无序列表 ul
	

		
 Java 
		
 UI 
		
 Python 
		
 PHP 
		
 前端 
	

####8、超链接标签 a

A.基础语法
	 点击访问百度网址 

B.属性
	href 可以是内网地址,可以是外网地址,可以是图片,可以是文本
	target 不写默认是在自己的页面打开,设置 _blank 在新的页面打开

####9、其他标签

A.两个标签
	 有多大空间占据多大空间  
	
 独占一行 

B.语义化标签
	
 
 HTML5后的头标签.只是阅读性高一点,没有实质的作用
	
 
 HTML5后的脚标签.只是阅读性高一点,没有实质的作用

####10、表格标签

A.基础代码
	

		

			
 表头第一列 
			
 表头第二列 
			
 表头第三列 
		
		

			
 第一行第一列 
			
 第一行第二列 
			
 第一行第三列 
		
		

			
 第二行第一列 
			
 第二行第二列 
			
 第二行第三列 
		
	

B.合并单元格
	a.两个属性
		colspan：合并列
		rowspan：合并行
	b.操作步骤
		I.确定是合并行 还是 合并列
		II.确定第一次出现的单元格是哪一个
		III.删除其他不要的行或者列