1、HTML:超文本标记语言 (Hyper Text MarkupLanguage),对大小写不敏感,建议用小写。
2、<html> 与 </html> 之间的文本描述网页
3、<body> 与 </body> :可见的页面内容
<body bgcolor="yellow">
4、<h1> 与 </h1> :标题(h1~h6),标题的前后自动添加空行。
<h1 align="center">This is heading 1</h1>
5、<p> 与 </p> :段落,段落的前后自动添加空行。
6、<a>与 </a>:链接,在 href 属性中指定链接的地址。
<a href="http://www.w3school.com.cn" target="_blank" style="text-decoration:none" >This is a link</a>:无下划线,
target 属性设置为 "_blank",该链接会在新窗口中打开。
使用图片作为链接:
<a href="/example/html/lastpage.html"> <img border="0" src="/i/eg_buttonnext.gif" /> </a>
<a href="#04">跳转到本页04章节</a>
7、<img>与 </img>:图片
<img src="w3school.jpg" width="104" height="142" />
8、<br />:换行
9、<hr /> :水平线。
10、属性:以名称/值得形式出现。比如:name="value",
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='Bill "HelloWorld" Gates'
11、注释:<!-- This is a comment -->
12、引入外部样式
<head>
<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
</head>
13、内部样式
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
14、内联样式(会覆盖内部样式或外部样式)
<p style="color: red; margin-left: 20px"
>This is a paragraph</p>
15、
<style> | 定义样式定义。 |
<link> | 定义资源引用。 |
<div> | 定义文档中的节或区域(块级)。 |
<span> | 定义文档中的行内的小块或区域。 |
16、alt 属性:可替换的文本。
<img src="boat.gif" alt="Big Boat"
>
17、图像标签
标签 | 描述 |
---|---|
<img> | 定义图像。 |
<map> | 定义图像地图。 |
<area> | 定义图像地图中的可点击区域。 |
18、
表格 | 描述 |
---|---|
<table> | 定义表格 |
<caption> | 定义表格标题。 |
<th> | 定义表格的表头。 |
<tr> | 定义表格的行。 |
<td> | 定义表格单元。 |
<thead> | 定义表格的页眉。 |
<tbody> | 定义表格的主体。 |
<tfoot> | 定义表格的页脚。 |
<col> | 定义用于表格列的属性。 |
<colgroup> | 定义表格列的组。 |
19、
无序列表始于 <ul> 标签。每个列表项始于 <li>。
<ul> <li>Coffee</li> <li>Milk</li> </ul>
20、
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
<ol> <li>Coffee</li> <li>Milk</li> </ol>
21、 分组标签
标签 | 描述 |
---|---|
<div> | 定义文档中的分区或节(division/section)。 |
<span> | 定义 span,用来组合文档中的行内元素。 |