排版标签
标题标签
有6个等级的标题
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>
数字越小，字体越小
基本语法格式：
<hN> 标题文本 </hN>
注意：h1一般是给logo用的，所以尽量少用
段落标签
基本语法格式：
<p>文本内容</p>
水平线标签
横跨网页水平线的标记
基本语法格式：
<hr /> //单标签
换行标签
基本语法格式：
<br />
div和span标签
这两个是没有语义的，是用来布局的标签
div：分割、分区的意思
span：跨度、范围
基本语法格式：
<div> 内容 </div>
<span> 内容 </span>
文本格式化标签
加粗、斜体、删除线、下划线
| 标签 | 显示效果 |
|---|---|
| <b> </b>或者<strong> </strong> | 加粗（XHTML推荐使用strong） |
| <i> </i>或者<em> </em> | 斜体（XHTML推荐使用em） |
| <s> </s>或者<del> </del> | 加删除线（XHTML推荐使用del） |
| <u> </u>或者<ins> </ins> | 加下划线（XHTML不赞成使用u） |
标签属性
基本语法格式：
<标签名 属性1="属性值1" 属性2="属性值2" ...> 内容 </标签名>
比如：
<hr width="666" color="red" />
图像标签
基本语法格式：
<img src="图像URL" />
| 属性 | 属性值 | 描述 |
|---|---|---|
| src | URL | 图像的路径 |
| alt | 文本 | 图像不能显示时的替换文本 |
| title | 文本 | 鼠标悬停时显示的内容 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| border | 数字 | 设置图像边框的宽度 |
链接标签
基本语法格式：
<a href="跳转目标" target="目标窗口弹出方式"> 文本或图像 </a>
target的取值有两种，一种为self，这个为默认值；另一种为blank,，这种是在新窗口打开。
锚点定位
有两个步骤：
1、<a href="#id名"> 链接内容 </a>
2、在需要跳转的地方加上设置好的id名
比如：<h2 id="id名"> 链接内容 </h2>
base标签
可以设置页面中链接的打开方式
基本语法格式：
在<head></head>之间加入
<base target="_blank" />
特殊字符
注释标签
基本语法格式：
<!-- 需要注释的语句 -->
路径
相对路径
1、图像和HTML文件位于同一文件夹，只需输入图像的名称即可
如：<img src="logo.jpg" />
2、图像位于HTML文件下一级文件夹（在HTML这个文件夹里还有一个文件夹），则输入文件夹名和文件名，之间用“/”隔开
如：<img src="images/img01/logo.jpg" />
3、图像位于HTML文件上一级文件夹，则在文件名之前加入"../"
如：<img src="../../logo.jpg" />
绝对路径
用的最多的是网络绝对地址，比如：<img src="http://www.itcast.cn/images/logo.jpg" />
列表
无序列表
基本语法格式：
<ul>
<li>列表项1</li>
<li>列表项2</li>
......
</ul>注意：<ul></ul>里只能放<li></li>标签
有序列表
基本语法格式：
<ol>
<li>序列1</li>
<li>序列2</li>
<li>序列3</li>
......
</ol>注意：同上
自定义列表
基本语法格式：
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
......
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
......
</dl>
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
