1：HTML架构

html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

有三种：  Strict(严格型)、

Trasitional(过渡型)、

Frameset(框架型)

2:HTML语言

1 ： 文本标题标签

文本标题共有6个(h1-h6)

一级标题

(唯一性,放网站LOGO)

二级标题

...

六级标题

2:字体倾斜&加粗标记

文本倾斜:

文本加粗：

3：下划线

4 : 换行&水平线

---

5：上标&下标

6 : 段落标记

7 : 字符 ( 小段文本 )

8 : 常用转义字符

不换行空格

>       >右尖括号

<

©     备案中图标版权 ©

9 ：列表

?       (1) 无序列表

• 列表项内容
• 列表项内容
• 列表项内容

........

?       (2)有序列表

1. 列表项内容
2. 列表项内容
3. 列表项内容

........

type:规定列表中的列表项目的项目符号的类型

语法：

1 数字顺序的有序列表(默认值)(1, 2, 3, 4)。

a 字母顺序的有序列表，小写(a, b, c, d)。

A 字母顺序的有序列表，大写(A,B,C,D)

i 罗马数字，小写(i, ii, iii, iv)。

I 罗马数字，大写(i, ii, iii, iv)。

start 属性规定有序列表的开始点。(start的属性值必须是数字)

语法：

?       (3)自定义列表

10 : 超链接

属性：

href = ‘url‘

target = "_blank  /  _self";

title = ‘文本提示‘

拓展：

rel = ‘nofollow‘;

11 : 图片

属性：

src = ‘url‘;

alt = ‘ 标签 实例 带有指定替代文本的图像‘

title = ‘文本提示‘

width = ‘‘

height = ‘‘

border = ‘‘

图片 title 和 alt区别：

alt:

1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。

2、alt属性值得长度必须少于100个英文字符

3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写

4、alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO

title:

1、title属性并不是必须的。

2、title属性规定元素的额外信息，有视觉效果，当鼠标放到文字或是图片上时有文字显示。

3、title属性并不作为搜索引擎抓取图片的参考，更多倾向于用户体验的考虑。

12 : 相对路径

(同级)

1)当当前文件与目标文件在同一目录下，直接书写目标文件的文件名+扩展名；

(上级找下级)

2)当当前文件与目标文件所处的文件夹在同一目录下，写法如下：

文件夹名/目标文件全称+扩展名；

(下级找上级)

3)当当前文件所处的文件夹和目标文件在同一目录下，写法如下：

../目标文件文件名+扩展名；

13 ： DIV

14 : HTML注释

15: 表格

(1) : 表格基本结构

```html

(2)：表格的html属性

1)width="表格的宽度"

2)height="表格的高度"

3)border="表格的边框"

4)bordercolor="边框色"

5)cellspacing="单元格与单元格之间的间距"

6)cellpadding=“单元格与内容之间的距离"

7)align="表格水平对齐方式"     取值：left、right、center、

valign=“垂直对齐” top\bottom\middle

8)合并单元格属性：(td)

合并列： colspan=“所要合并的单元格的列数"

合并行： rowspan=“所要合并单元格的行数”

原文：https://www.cnblogs.com/freesty-hao/p/13332844.html