基本
<html>…</html> 定义 HTML 文档
<head>…</head> 文档的信息
<meta> HTML 文档的元信息
<title>…</title> 文档的标题
<link> 文档与外部资源的关系
<style>…</style> 文档的样式信息
<body>…</body> 可见的页面内容
<br/> 换行
注释
【案例】注释的使用
<head>
</head>
<body>
这是一行<br/>文本,使用换行标签后，就被换行了。
</body>
文本标签
<h1>...</h1> 标题字大小（h1~h6）
<b>...</b> 粗体字
<strong>...</strong> 粗体字(强调，外形上跟b标签相同，但是从语义上进行强调)
<i>...</i> 斜体字
<em>...</em> 斜体字(强调，外形上跟i标签相同，但是从语义上进行强调)
<center>…</center> 居中文本
<ul>…</ul> 无序列表
<ol>…</ol> 有序列表
<li>…</li> 列表项目
<a href="…">…</a> 超链接
<font> …</font> 定义文本字体尺寸、颜色、大小
<sub>…</sub> 下标
<sup>…</sup> 上标
<p>…</p> 段落
<span>…</span> 一小段文本
【案例】文本的修饰
<h1>服务公告</h2>
<h2>本人现面对全国的小学生及家长同志提供如下服务：</h4>
<h4>针对学生的服务</h4>
<ol>
<li>代写寒暑假作业（数学不保证没有错题，语文不保证没有错字，英语作业你找别人吧） </li>
<li>帮忙欺负四年级以下同学，<b>特体须加收费用</b>。 </li>
<li>家长会帮忙冒充家长。</li>
</ol>
<h4>VIP服务</h4>
<i>凡购买所有三项服务者即自动升级为VIP。我们将免费为您制作个人主页，
完全符合W3C的XHTML标准和ISO2009~。</i>
<h4>联系我们</h4>
<p><b>电话</b>：0123456789</p>
<p><b>官网</b>：<a href="http://www.baidu.com/" target="_blank">连接地址</a></p>
图像
<img src="…"/> 定义图像
<hr/> 水平线
【案例】图像的使用
<img src="http://n.sinaimg.cn/news/crawl/128/w540h388/20180816/aLzd-hhtfwqs0827605.png"
alt="这是一个奇葩的新闻"
title="40岁农民大叔娶25岁非洲女孩：恋爱全靠手势" width="450" height="300"
/>
表格
<table>…</table> 定义表格
<thead>…</thead> 定义表格头部
<tbody>…</tbody> 定义内容
<th>…</th> 定义表格中的表头单元格
<tr>…</tr> 定义表格中的行
<td>…</td> 定义表格中的单元格
【案例】制作一张课程表
<table border="1">
<tr>
<td width="76"> </td>
<td width="86" height="50"> </td>
<td width="100">周一</td>
<td width="100">周二</td>
<td width="100">周三</td>
<td width="100">周四</td>
<td width="100">周五</td>
<td width="100">周六</td>
<td width="108">周日</td>
</tr>
<tr>
<td rowspan="4">上午</td>
<td>1</td>
<td rowspan="2">午休</td>
<td rowspan="2">软件工程</td>
<td rowspan="2"> </td>
<td rowspan="2">商务英语</td>
<td rowspan="2">毛泽东思想和中国特色社会主义概论</td>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td rowspan="2">计算机组成原理</td>
<td rowspan="2">英语听说</td>
<td rowspan="2">WEB开发</td>
<td rowspan="2">毛泽东思想和中国特色社会主义概论</td>
<td rowspan="2"> </td>
<td rowspan="2">体育</td>
<td rowspan="2"> </td>
</tr>
<tr>
<td>4</td>
</tr>
<tr>
<td colspan="9" align="center"><b>午休</b></td>
</tr>
<tr>
<td rowspan="4">下午</td>
<td>5</td>
<td rowspan="2">计算机实践开发</td>
<td rowspan="2"> </td>
<td rowspan="2">计算机组成原理</td>
<td rowspan="2">计算机软件实践开发</td>
<td rowspan="2">WEB开发</td>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td rowspan="2"> </td>
<td rowspan="2">商务英语</td>
<td rowspan="2">英语训练</td>
<td rowspan="2"> </td>
<td rowspan="2">软件工程</td>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td>8</td>
</tr>
</table>
其它标签
<div>…</div> 布局标签
<form>…</form> 定义供用户输入的 HTML 表单
<frame> 定义框架集的窗口或框架
```
扫一扫
499
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
