HTML
0.e…
//后缀是.htm或.html
//要运行的话浏览器里输入路径就行
//<>中的就是关键词，通常成对出现。（即
//开始和结束标签（
1.html本身是一种标记语言（ 超文本标记语言， Hyper Text Markup Language ），而不是编程语言，是一套编辑标签。（使用其来描述网页）
2.html可以使用记事本来写
也有专业的：
- Adobe Dreamweaver
- Microsoft Expression Web
- CoffeeCup HTML Editor
1.标签
一般
#还有部分在文本格式化
<html>：文本描述网页，写在最前和最后 |
*：这是为了在拖动浏览器窗口时，还能正常显示。如果想要保留，可以使用
（预格式文本）标签，这适合显示代码（也有其他专门为显示代码的，见文本格式化）特殊
1.锚(a)
//这时link是个超链接
style用于去除默认带的下划线
target表示在新窗口打开
href属性还可以链接邮件
写成 (%20用于代替空格)
<a>还有name属性，用于定义锚。不会直观体现，但可以被链接，注意被调用时是写name的属性，而不是<a>的元素
2.图像(img)
动图一样
//<img>不是闭合标签，并且套在<p>时会和该文本对齐（默认底部）
//border是边框
//width和height实际上是调整大小，而不是定义
src其实是是scource的意思最后的/不能省略
其他属性：
alt:替换文本，当不能正常加载图片时显示，很多时候鼠标移上去也会
其它图像插入：
//背景图像，写在body里，只能.jpg或.gif，小了会重复
3.map与area
这个不太好说，自己体会
<body>
<p>请点击图像上的星球，把它们放大。</p>
<img
src="/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area
shape="circle"
coords="180,139,14"
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />
<area
shape="circle"
coords="129,161,10"
href ="/example/html/mercur.html"
target ="_blank"
alt="Mercury" />
<area
shape="rect"
coords="0,0,110,260"
href ="/example/html/sun.html"
target ="_blank"
alt="Sun" />
</map>
<p><b>注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>
</body>
</html>4.表格(table)
//有background属性，同插入背景图像的写法，不在style里
<tr>
<th>Heading</th>
<th>Another Heading</th>
<td>row 1, cell 1</td> //有background属性，同上。也有align,同样不在
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
//tr定义行（之间为一行）
//td分割行形成单元格（之间的为数据可以是文本、图片、列表、段落、表单、水平 线、表格等等(普通，左对齐)
//th是表头(居中粗体，就是不会动的那个，自带td)
//border为1时有边框，默认为0
//有时空单不会显示，缺少单元格边框，可以填个空格（ ）来防止
//表格的单元格里可以嵌套表格，列表
#table的其他参数有：
frame(分割线的位置)：box,above,below,hsides(上下)，vsides(左右)
cellpadding/cellspacing：单元格边距/间距，参数只有数字th的参数：colspan="x",横跨x列
rowspan="x",横跨x行
其他表格标签：
，与还有， 和 5.列表(ul/ol)
A.无序列表
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul> //每行前面一个点的那种B.无序列表
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol> //start属性就是第一个排序数字，默认从1开始6.类
将html元素分成各个类，并按类分别定义不同样式（可以使用CSS样式）
比如：
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px; //（设定）外边距，可以使用百分比
padding:20px; //填充（边距），可以使用百分比
}
</style>
</head>
<body>
<div class="cities">
<h2>London</h2>
<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>
<div class="cities">
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</div>
<div class="cities">
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>
</body>
</html>自己看咯~跟下面块的一样，方便搞类似的样式内容
7.id
与class不同，它必需是唯一的，这涉及到js
位于文件头的>中，格式：
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
} //id名和值在在该html中必须唯一，区分大小写后面属性就可以直接调用该id，比如：
id还可以创建书签：
//从另一页面跳转8.块(div/span)
//这两者本身没有什么意义，可以用CSS来样式设置
HTML元素分为块级元素和内联元素两种：
块级元素在浏览器显示时，通常会以新行来开始或结束 //
,
,
,
