初始HTML

一、前段个人理解

前端技术一般分为前端设计和前端开发，最近两天的课程学习了前端设计，学习了HTML常用标签以及快捷键。为接下来网页表现（CSS）以及网页行为（Javascript）打下基础。

二、HTML概述及个人简介

什么是html:HyperTextMarket language，超文本标记语言,是用来描述网页语言，html使用标记标签来描述网页，html不是编程语言，是一种标记语言。

网站是网页的集合，网页是网站的基本元素。

DOCTYPE:声明文档的版本
meta：告诉浏览器一些关于该文档的信息1.html注意事项:
多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束。
想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择。
属性与属性值之间用“=”连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引号。或公司规定书写规范。 

三、基本内容和标签

1.img标签嵌入图像

src属性:表示图像的路径

alt属性:表示图像若显示不出来显示的内容

width/height属性:设置图像的宽和高

2.嵌入一张网页

iframe标签表示嵌入一张网页

src属性:表示超链接文档的地址

width/height:该区域的宽和高

name:给iframe命名，方便以后a标签的target属性调用进入实体页面

3. 视频/音频 video/audio

scr:路径

autoplay:自动播放视频

controls:显示播放控件

loop:循环播放

width/height

4. 进度条

progress标签

max属性:规定任务一共需要多少工作 100%

value属性:规定已经完成了多少任务 80%分组元素

1. p 段落标签，在开始和结束的位置上都会留下一段空行

属性:align,对齐方式

2. hr 分割线

属性:width宽度 100px或者30%

align:对齐方式

size:粗细

color:颜色

3. 有序列表ol li

type:列表前的序标号

start:从第几个开始

4. 无序列表ul li

5. 自定义列表

dl:表示自定义列表

dd:表示自定义列表项

dt:表示自定义列表标题

6. 区域

p:声明一块区域

span:声明一块区域 一般用于用户名密码之后的提示，例如:该用户名已被注册。

p与span的区别:p一长列，自动换行，span一短列，不换行。

7. 图片区域

figure图片区域，里边套img标签和figcaption和a标签等

figcaption:表示对图片的描述

华为P9:3999带回家

8. pre:格式化一段文字或者添加代码表格元素(重要)

作用:格式化数据

table 声明一个表格属性:

1.border 边框 border=1

2.width 宽度

3.cellpadding 文字与内边框的距离 cellpadding=10

4.cellspacing 单元格间距 cellspacing=0

tr 行

1.align:对齐方式

td 列

1.width/height

2.colspan 合并列

3.rowspan 合并行

th 表头，会加粗，并且会居中

caption 表格的标题