一.基本标签
<html>
<head>
<title>这是网页标题</title>
<head>
<body>
<p></p>//这是换段
<h1>标题</h1>//6个级别标题
......
<h6>标题</h6>
<br>//换行 单目标记符
<hr>//水平线 单目
<hr color='red' width='300px'>//可编辑水平线属性
<hr color='bule' width='50%'> //50%代表线随浏览器页面大小发生变化
<pre></pre>//保持原格式格式
<b></b>//粗体字
<i></i>//斜体字
<ins></ins>//插入字
<del><del>//删除字
10<sup>2</sup>//右上角加字
10<sub>n</sub>//右下角加字
<front size='' color=''></front>//规定规文本字体、大小和颜色
</body>
<html>
二.实体符号
&it小于号
>大于号
  空格
三.表格
<html>
<head>
</head>
<body>
<table border='1px' width='300px'>//代表一个表格 并可以设置宽度，对齐方式，颜色
<thead>
<tr>//代表一行
<td>一个单元格</td>
<td>一个单元格</td>
<td rowspan='2'>一个单元格</td> //代表行合并
</tr>
</thead>
<tbody>
<tr>//代表一行
<td colspan='2' >一个单元格</td> //代表合并行
<!--<td>一个单元格</td>-->//要合并的行注释掉
<！--
<td>一个单元格</td>
-->要合并的行注释掉
</tr>
</tbody>
<tfoot>
<tr>
<th></th>//th也可以作为单元格并且会自动居中加粗
</tr>
</tfoot>
</table>
</body>
</html>
<!--thead、tbody、tfoot用于把表分成三部分用于js操作-->
三.背景图片
<!doctype html>
<html>
<body bgcolor='green'> //设置纯色背景
</body>
</html>
<!doctype html>
<html>
<body background='路径'> //设置图片背景
</body>
</html>
四.图片信息
<!doctype html>
<html>
<body>
<img src='图片路径' title='用于鼠标移动至图片时的提示信息' alt='用于图片加载失败时的提示信息' width=‘400px’ ></img>
<!--若开始运算符和结束运算符之间无东西在开始运算符结尾加上‘/’以示结束 >
<img src='图片路径' title='用于鼠标移动至图片时的提示信息' alt='用于图片加载失败时的提示信息' width=‘400px’ />
</body>
</html>
五.超链接
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<a href="https://www.baidu.com/" target="_blank">访问百度<img src='路径' title=‘访问百度’></a>//可以点击图片进行访问
<p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p>
</body>
</html>
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
