Home

<!DOCTYPE html>
<html>
<head>
<!-- 插入外部样式表 -->
<link rel="stylesheet" type="text/css" href="style.css"> 
<title>title</title>
</head>
<body>

<h1>啦啦啦</h1>
<p>我是卖报的小行家</p>

</body>
</html>

Basic

** 标题 **

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

创建水平线，分割内容

** 段落 **

段落

折行

** 链接 **
This is my blog

target=”_blank” 在新窗口打开文档

锚 #也可以用id属性替代MAME属性
建立锚了，可以在其他地方创建指向这个锚的链接

同一页面
xxxx
其他页面
xxxxx
(Q这个链接是怎么确定的呢)

** 图片 **

背景图片
排列图片
<img src=”” align=”botton(/middle/top)”
浮动图片
<img src=”//“ align=”left(/fight)”
增加图片链接
在前后加上

** 按钮 **
click

** 列表 **

定义列表

1111

2222

3333

4444
定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等（Q这个不是太明白）

dl 定义定义列表
dt 定义定义项目
dd 定义定义的描述

嵌套列表
多加几层

属性

class 规定元素的类名
id 元素的唯一id
style inline style 行内样式
title 规定元素的额外信息

** 文本标签 **
粗体
大号字
着重文字
斜体
小号字
加重语气
_{定义下标字
^{定义上标字
增加下划线
增加删除线}}

** 引用 **
短引用

长引用定义缩写定义项目或缩写的定义
定义文档或文章的联系方式/作者(通常斜体显示，大多数浏览器在此元素前后折行) 定义著作的标题（斜体显示）
** 表格 **

表格

row 1, cell 1

row 1, cell 2

row 2, cell 1 row 2, cell 2
#table 定义表格
#tr 若干行
#td table data 表格数据

边框属性
border

表头
heading #th table heading

空单元格

跨行跨列
colspan
eg

rowspan
eg

表格内的标签
（比如实现图片一块块）

单元格边距（cell padding）

单元格间距（cell spacing）

背景颜色或图片

or (background='//')

表格内排列内容对齐
align=”left(/right)”

frame 外框
frame=””
box 四面铁框
above 头顶有框
below 脚下有框
hsides 上头下头被框
vsides 两边有框

块、类、布局等其他
** 块 **

在CSS里设置样式属性可用于文档布局
为部分文本设置样式属性

** 类 **
类-块-行
（Q这块有点疑问，id, name, class相关）

** 布局 **

header 页眉

nav 导航链接的容器

section 定义文档中的节

article 定义独立的自包含文章

aside 定义内容之外的内容（比如侧栏）

footer 定义文档或节的页脚

details 定义额外的细节

summary 定义details 元素的标题

（detail/article/summary Q下次注意下）

** 响应式web设计 **
（Q虽然你现在还不懂，最好要有印象，以后再回头看）

RWD响应式web设计（responsive web design）

自己创建
在head中

愚钝拙言，闲逛人间

HTML 相关常用汇总