HTML之一天学会html(常用标签+网页架构)

1、  网页文件的创建

    新建一个文本文件，将其命名为xxx.html或者xxx.htm（注意后缀名）

2、  简单的html页面的编写

• 在网页中都是通过标签来指定相应的显示内容，所有的页面内容都必须在中，每个标签都要有相应的开始和结束，表示开始，表示结束。
• 页面中的标签都用小写（虽然可以用大写，但是基于xhtml的标准就是全部用小写）

3、  对于html而言，有两种写法是不允许的：

• 第一种，只有开始标签没有结束标签。
• 第二种，标签不能嵌套。

adasdsddc ：以上写法是不允许的。不能存在嵌套

4、  编写网页文件需要成对编程。

5、  常用标签

5.1、

Head标签中的内容不会再网页中显示，一般用来设置页面的标题(title)，或者可以设定相应外部文件的引入，

如css文件，js文件，或者设置相应的meta文件。

5.2、文本标签

• 换行：对于html而言，代码中的换行不会在页面中显示。需要相应的换行标签，br 和 p。对于br而言，里面没有任何内容，需要使用自结束标签

• 标题标签：一般使用在相应网页的某个标题部分。

• 列表标签：有序和无序列表

效果：

5.3、常用的其他标签

	
		
	
	
		
		
			for(int i == 0; i <= 10; i++){
				printf("%d",i);
			}
		
		
		
		i<10,i>10
		
		

		hello world
		
		

		©
		
		

		&
	

5.4、超链接+图片

	
		
	
	
		
		这是一个链接
	

5.5、布局标签

	
		
	
	
		
		
这是一个div
		
这是另外一个div
		这是一个span
		这是另外一个span
	

5.6、表格标签

	
		
	
	
		
		

			

				
A1
 
A2
 
A3
			
			

				
B1
 
B2
 
B3
			
			

				
C1
 
C2
 
C3
			
		
	

		
		

			

				
A1
 
A2
 
A3
 
A4
			
			

				
B1
 
B2
 
B3
 
B4
			
			

				
				
C1
 
C2
			
		
	

		
		

			

				
A1
 
A2
 
A3
			
			

				
B1
 
B2
 
B3
			
			

				
				

					

						

							
C1
 
C2
						
					
				
			
		
	

效果：

6、表单（07.html）

常用的表单标签：原则上所有的表单标签都要放置在form中

	
		
	
	
		

		
			用户名:

			密码:

			
			性别:男
				女

			
			兴趣:足球篮球
			羽毛球 

			
			籍贯:
					北京
					上海
					杭州
				

			
			个人简介:
 
			
			
			
			
		
	

效果：

7、frameset标签

frameset标签不能在body内设置。

效果：

效果：