HTML常用标签:
标题标签:<h1>~<h6>
段落标签:<p></p> (paragraph)
换行标签:<br>
文本格式化标签:
加粗标签 <strong></strong>或者<b></b>
倾斜标签 <em></em>或者<i></i>
删除线 <del></del>或者<s></s>
下划线 <ins></ins>或者<u></u>
<div>和<span>标签: div:英文division的缩写,代表分割、分区的意思。 span :代表跨度、跨距的意思。 图像标签: <img src="相对/绝对路径" alt=”图片不能显示时的替换文本” title=”鼠标移动到图片上显示的文字” width=”图片设置的宽度值” height=”图片设置的高度值” border=”图片设置的边框值”> 超链接: <a></a> 语法:<a href="跳转的目标" target=“目标窗口的打开方式”>文本或者图像</a> 注*href:指定链接目标的url地址,必须属性 target:指定链接页面的打开方式 _self 是默认值,代表在当前页面进行打开 _blank 代表在新的窗口中打开页面 1、外部链接:<a href="一个外部网址" target=“_blank”>文本或者图像</a> 2、内部链接:<a href="网页名" target=“_blank”>文本或者图像</a> 3、空链接:<a href="#" >文本或者图像</a> 4、下载链接:<a href="../素材.zip" >文本或者图像</a> 5、网页元素链接:<a href="一个百度网址" target=“_blank”>文本或者图像 <img src="相对/绝对路径" title=”点我去百度” width=”300”> </a> 6、锚点链接:<a href="#定义名" >你是哈哈</a> 省略 <h2 id="定义名" >你是哈哈</h2> 表格标签: <table>(用于定义表格) <tr>(定义表格中的行table row) <th>(定义行的内容是否是表头内容,会加粗显示、居中对齐) </th> <td>(定义表格中的单元格table data) </td> </tr> </table> 属性: <table border=”1”align =”center” cellpadding=”0” cellspacing=0””width=”300” > <tr>(定义表格中的行table row) <th>(定义行的内容是否是表头内容,会加粗显示、居中对齐) </th> <td>(定义表格中的单元格table data) </td> </tr> </table> 结构: <thead></thead>:代表表格的头部区域,,一般位于表格的第一行。内部必须拥有<tr></tr>标签和<th></th>标签。 <tbody></tbody>:代表表格的主体区域,主要用来放数据的本体。 <table border=”1”align =”center” cellpadding=”0” cellspacing=0””width=”300” > <thead>(表格头部区域) <tr>(定义表格中的行table row) <th>(定义行的内容是否是表头内容,会加粗显示、居中对齐)姓名</th> <th>(定义行的内容是否是表头内容,会加粗显示、居中对齐)年龄</th> <th>(定义行的内容是否是表头内容,会加粗显示、居中对齐)身高</th> </tr> </thead> <tbody>(表格主体区域) <tr>(定义表格中的行table row) <td>(定义表格中的单元格table data)小明</td> <td>(定义表格中的单元格table data)22</td> <td>(定义表格中的单元格table data)180</td> </tr> <tr>(定义表格中的行table row) <td>(定义表格中的单元格table data)小红</td> <td>(定义表格中的单元格table data)20</td> <td>(定义表格中的单元格table data)158</td> </tr> </tbody> </table> 合并单元格: 跨行合并:rowspan=“合并单元格的个数” 跨列合并:colspan=“合并单元格的个数” <td rowspan=“2” colspan=“2”></td> 步骤: 1、确定要合并的第一个单元格 2、确定跨行还是跨列合并,并且要写明要合并单元格的个数 3、将被合并的单元格给删除掉 |