<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
标题标签,数字越小字号越大
<p></p>
段落标签
<i></i>
文字斜体标签
<b></b>
文字加粗标签
<br>
换行标签
<hr>
水平线标签
&nsp
空格标签
<a href="要跳转到的页面地址">文字描述</a>
增加target属性的_blank可以让页面在新的页面展开
超链接
<img src="图片地址"/>
在页面中添加图片
(图片是逐个放在一行,不够的话在另起下一行,可以给定单位:weidth或者height 单位是px像素,或者%100表示图片占满屏幕)
<ul>
<li>
列表项目
</li>
</ul>
无序列表
<ol>
<li>
列表项目
</li>
</ol>
有序列表
<del></del>
给文字增加删除线
<sup></sup>
给文字增加上标
<u></u>
给文字增加下划线
<center></center>
使文字居中
相对路径和绝对路径,当用到相对路径时,返回上一层可以用 ../
表格
<table>
<tr algin="center"> 表示文字居中显示
<td></td>
<td></td>
<td></td>
</tr>
</table>
table是一个表格,tr是一行,td是一列
border可以增加边框
cellspaceing可以设置边框空隙的宽度
表格中单元格的合并
colspan是列的合并
rowspan是行的合并
<p></p>不能嵌套p标签
表单提交例子
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>爱了</title> 6 </head> 7 <body> 8 <form action="https://www.bilibili.com/"> 9 <table border="1px" cellspacing="0px"> 10 <col width="100px"> 11 <col width="100px"> 12 <col width="100px"> 13 <col width="100px"> 14 <tr height="40px"> 15 <td rowspan="4"></td> 16 <td colspan="3"></td> 17 18 </tr> 19 <tr height="40px"> 20 21 <td align="right">用户名:</td> 22 <td colspan="2"> 23 <input type="text" name="name" /> 24 </td> 25 26 </tr> 27 <tr height="40px"> 28 29 <td align="right">密码:</td> 30 <td colspan="2"> 31 <input type="password" name="password" /> 32 </td> 33 34 </tr> 35 <tr height="40px"> 36 37 <td colspan="3" align="center"> 38 <input type="submit" value="提交" /> 39 <input type="reset" value="重置" /> 40 </td> 41 42 </tr> 43 </table> 44 </form> 45 </body> 46 </html>
用户名和密码要用name form 的action属性值要有
容器的使用:span div(空的div宽为100% 高为0)
为了方便使用样式修饰内容
text-align:center 让内部元素水平居中
margin:auto; 让元素本身水平居中(容器本身居中显示)
background-color:gray; 设定背景颜色
font-size:24px; 设定字体大小
color:white: 设定文字颜色
原文:https://www.cnblogs.com/z-cg/p/12853648.html