1.p和br标签
p表示段落,默认段落之间是有间隔的! br是换行 hr是一条水平线
2.a标签,超链接
<a href="http://www.baidu.com" target="_blank">点我</a> href表示跳转的地址,target="_blank"表示新窗口打开,默认为当前页 锚点定位(跳转到id) <a href="#live">3 个人生活</a><br /> <h3 >个人生活</a> base标签-可以设置整体链接的打开状态 <base target="_blank"/> 写在head中,这样就让所有a标签都是点击之后打开一个新窗口, 但某个a标签我不想这样,那就target="_self",默认是self
3.h标签:标题h1、h2、h3、h4、h5、h6表示不同的大小
4.span标签-行内标签-白板
5.div标签-块级标签-白板,可以加属性然后可以变身
6.处理字体的标签
<b></b>和<strong></strong>文字以粗体方式显示(推荐strong) <i></i>和<em></em>文字以斜体方式显示(推荐使用em) <s></s>和<del></del>文字以加删除线方式显示(推荐使用del) <u></u>和<ins></ins>文字以加下划线方式显示(不赞成使用u)
7.<img />标记属性
sec-URL-图像的路径(相对路径、绝对路径) alt-文本-图像不能显示时的替换文本 title-文本-鼠标悬停时显示的内容 width-像素-宽度(XHTML不支持%页面百分比)给个宽度一般会等比例缩放 height-像素-高度(XHTML不支持%页面百分比) border-数字-设置图像边框的宽度
8.特殊字符:空格: 大于:>小于:<版权:©
9.注释标签<!-- 注释内容 -->
10.列表标签
无序列表:<ul><li>qwe</li><li>qwe</li></ul> 有序列表:<ol><li>qwe</li><li>qwe</li></ol> 自定义列表:<dl><dt>服务支持</dt><dd>自助服务</dd><dd>相关下载</dd></dl> 文件底部用<dl>更合理一些:dd中的内容对dt中的进行解释
11.table列表之简单单元格
<thead>、<tbody>浏览器会帮你生成,分别是表头、表内容, <tr>指:行row,<td>指:单元格, <th>表头标签:让文字加粗且居中 caption:表格标题,只存在于table标签中 align:设置表格的水平对齐方式(left、right、center) cellspacing:单元格和单元格之间的距离 cellpadding:内容和单元格边框的距离 三参为0,还有一个border,想要让tr中的内容居中,可以在td中让其center, 可以在tr中写,最优的方式是css 跨行合并:rowspan;跨列合并:colspan(但是表中没有列这个概念,第几行第几个单元格)
<table border="0" cellspacing="0" cellpadding="0"> <thead> <tr> <td>主机名</td> <td>IP</td> <td>详情</td> </tr> </thead> <tbody> <tr> <td>localhost</td> <td>127.0.0.1</td> <td>点击</td> </tr> <tr> <td>localhost</td> <td>127.0.0.1</td> <td>点击</td> </tr> </tbody> </table>