小白保姆级教程——HTML基础

开始前需要做的准备

浏览器

1.Goole Chrome
2.Firefox
3.Safari
4.Edge

编辑器

1.VS Code
2.Sublime Text
3.Atom.io

什么是HTML

—超文本标记语言
—不是编程语言
—告诉浏览器如何构造网页

Tag

介绍

一对尖括号括起来的代码叫做HTML Element
前面的尖括号叫做Opening Tag，后面的叫做Closing Tag

Html界面

	
		
	
	
		
		
This is a heading one
		
This is a heading two
		
This is a heading three
		
This is a heading four
		
This is a heading five
		
This is a heading six
		
This is a paragraph
		
This is a paragraph
	

块级元素

—在页面以块的形式展现
—出现在新的一行
—占全部宽度
—如：
 
-
 

内联元素

—通常在块级元素内
—不会导致文本换行
—只占必要的部分宽度
—如：   

常用Tag

strong

 Tag 

–> Tag (加粗效果)

em

 Tag 

–> Tag (斜体效果)

a

 Lorem 
   |<---------属性--------->|，属性一般都放在前面的尖括号中.

添加超链接，点击超链接会覆盖旧页面

 Lorem 

添加此属性便可在新页面打开超链接

abbr

AHU is a good college

鼠标放在abbr里的字时会显示title里的标注

ul

	
list 1
	
list 2
	
list 3
	
list 4

显示时前面没有数字哦

ol

	
list 1
	
list 2
	
list 3
	
list 4

显示时前面有排序数字

table

表格的基本格式

	
	

		

			
name
			
age
			
sex
		
	
	
	

		

			
张三
			
18
			
男
		
		

			
李四
			
19
			
男
		
		

			
王五
			
100
			
女
		
	

br&&hr

br:生成一个空行；hr:生成一行线

form

	

		name
		
	
	

		age
		
	
	

		sex
		
	
	

img

上文展示的所有操作源代码