初学者怎样学习html,详细教程

HTML:

初学者怎样学习html,详细教程_第1张图片

 

初学者怎样学习html,详细教程_第2张图片

html快捷键:

ctrl+c 复制 ctrl+v 粘贴 ctrl+x 剪切一行或删除一行 ctrl+d 复制本行到下一行 ctrl+z 退回之前操作 ctrl+shift+z 已经做好的退回之后的下一步 ctrl+a 全选 ctrl+/ 注释行 ctrl+shift+/ 注释选定区域 ctrl+g 查找行号 ctrl+shift+up/down 上下移动代码 table 补齐代码 ctrl+f 查找文本

三种标记的形式:

1. 文学

2.

3.

初学者怎样学习html,详细教程_第3张图片

html文档结构:

初学者怎样学习html,详细教程_第4张图片

 

初学者怎样学习html,详细教程_第5张图片

 

注释:

 

html声明(必须要加的):

是h5的声明

 

 

头部:

 

正文容器:

 

标题(写在head里面):

标题

 

编码格式设置(写在head里面,可不加):

 

内容标题(写在body里面,独占一行):

这是内容

 

 

分割线:


 

回车:


 

块标签:

 

行标签:

 

段落:

 

原样保留:

 

初学者怎样学习html,详细教程_第6张图片

 

A标签介绍:

初学者怎样学习html,详细教程_第7张图片

 

初学者怎样学习html,详细教程_第8张图片

 

初学者怎样学习html,详细教程_第9张图片

 

初学者怎样学习html,详细教程_第10张图片

犯错误一:

初学者怎样学习html,详细教程_第11张图片

 

初学者怎样学习html,详细教程_第12张图片

base要以斜杠结尾!

初学者怎样学习html,详细教程_第13张图片

 

初学者怎样学习html,详细教程_第14张图片

初学者怎样学习html,详细教程_第15张图片

 

初学者怎样学习html,详细教程_第16张图片

 

初学者怎样学习html,详细教程_第17张图片

 

初学者怎样学习html,详细教程_第18张图片

 

初学者怎样学习html,详细教程_第19张图片

 

初学者怎样学习html,详细教程_第20张图片

pre原样保留:

初学者怎样学习html,详细教程_第21张图片

 

初学者怎样学习html,详细教程_第22张图片

 

img:

初学者怎样学习html,详细教程_第23张图片

 

 

 

开始做表格:

 

初学者怎样学习html,详细教程_第24张图片

 

初学者怎样学习html,详细教程_第25张图片

表格框架:

 

 

.

.

.

表名

 

ctrl+c自动复制光标所在这一行

ctrl+v自动向下粘贴

tr: 一行

th: 首行单个元素,写在tr里

td: 单个元素,写在tr里

合并列:

初学者怎样学习html,详细教程_第26张图片

姓名

 

合并行:

初学者怎样学习html,详细教程_第27张图片

张三

初学者怎样学习html,详细教程_第28张图片

 

初学者怎样学习html,详细教程_第29张图片

 

你可能感兴趣的:(前端)