一、基本标记
<html>//HTML文件的声明开始
<head>
<title>...</title>
</head>//从<head>到</head>代表头部信息
<body>
......
</body>//从<body>到</body>正文
</html>//HTML文件的声明结束
1、<html>和</html>等都是成对出现的
2、在HTML中可以镶嵌JavaScript和CSS等一些内容
鼠标所在的位置就是title即标题
二、图片
http://www.w3school.com.cn/html/html_images.asp
<img src="url" />
1、图像由 <img> 标签定义
2、src 即 "source",可以指定图片的位置。
可以指定某一个网站的具体图片(只要有URL即可访问到);同时,也可是一个相对路径(当前网页所在路径下的图片)
url 指存储图像的位置。
如果名为 "boat.gif" 的图像位于 www.w3school.com.cn 的 images 目录中
(1) url 为 http://www.w3school.com.cn/images/boat.gif
(2)url为/images/boat.gif
3、alt是提示的意思
<img src="boat.gif" alt="Big Boat">
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好地显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。
4、调整图像尺寸
<img src="/i/eg_mouse.jpg" width="50" height="50" border="0">//宽50,高50,边框为0;
宽、高、边框等都能设置
三、超链接
http://www.w3school.com.cn/html/html_links.asp
<a href=""> xxx</a>//xxx代表显示在超链接上的文字
1、超链接由<a>标签定义
2、指定链接的位置
- 通过使用 href 属性 - 创建指向另一个文档的链接
- 通过使用 name 属性 - 创建文档内的书签
- 通过使用target 属性,你可以定义被链接的文档在何处显示,如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。
3、"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
四、表格
http://www.w3school.com.cn/html/html_tables.asp
1、实际开发过程中,表格的用途不是为了呈现数据,而是为了排版
<tr> 标签定义 HTML 表格中的行。tr 元素包含一个或多个th 或 td 元素。
td 元素中的文本一般显示为正常字体且左对齐。
th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。