HTML基础标签
【HTML写法标签】【HTML字体段落标签】【锚点】【有序无序列表】【表格】
一、HTML写法标签:
双标签:<标签名>内容</标签名>
单标签:<标签名 内容/>
二、字体段落标签(调皮版)
①加粗:<strong>内容</strong>
在新版本中明确指出,<b>标签即将淘汰,所以,<strong>更实用。
②空格:
在HTML中空格无论按多少下,都只显示一个,所以 当我们需要几个空格,就用多少个。
③删除线:<del>删除线</del>
④上标、下标:
上标:<sup></sup>
下标:<sub></sub>
例:
成狼朗<sub>TM</sub>
⑤居中:<center></center>!
⑥倾斜:<em>
<em>猴大圣的救兵<em>
⑦标题标签(共六级)
<h1>一级标题</h1>
<h2>二级标题</h2>
.....
<h6>六级标题</h6>
⑧alt:如果图片显示不出。
<a href="#007"><img src="file:///F|/1220作业/HTML作业。/1.gif" alt="破图没出来" title="此图没坏点点看" width="100" height="100"/></a>
⑨title:鼠标悬浮图片显示文字
<a href="#007"><img src="file:///F|/1220作业/HTML作业。/1.gif" alt="破图没出来" title="此图没坏点点看" width="100" height="100"/></a>
三、锚点(a标签回到顶端)
1、如果直接返回顶端:<a href="#top">回到顶端</a>
直接写TOP就可以回到顶端,不需要写其他的跳转。
2、②如果想回到某个地方,那就在那个地方加上a标签,然后命名:
<a name="zheli"></a> <a href="#zheli"></a>
四、HTML命名类型
id:唯一的
name:名字(可以重名)取一组元素多一些。
class:类。物以类聚。(加样式效果多)
五、有序列表与无序列表
1、有序列表:ACB、123等等,均是有顺序的。
<ol type="A"> <li>我有顺序是老大</li> <li>我有顺序是老二</li> <li>我有顺序是老三</li> </ol>
2、无序列表:点或者其他标志。
六、表格(手写版)
表格的缺点:表格无法覆盖
1、基础表格
标签:<table></table>
顾名思义 ,表格是通过行与列组合而成的,在手写表格时,也主要是有行列构成:
行标签:<tr></tr>
列标签:<td></td>
表格形成之后为了能够看出效果,多数都会加上边框。border="1px"就是边框的加载方式。
表格之中的字体位置调整需记住两项对其方式:
①水平方式:
align:水平方式
left:左
center:中
right:右
align:right 右下
②垂直方式
valign:垂直方式
top:上
middle:中
bottom:下
<table width="400px" height="200px" cellpadding="0" cellspacing="0" border="1px" bordercolor="gray"> <tr height="100px" align="center"> <td>宽度/高度</td> <td>对齐方式</td> <td>背景颜色</td> </tr> <tr align="right" valign="bottom"> <td>400px/200px</td> <td>靠右/靠下</td> <td>gray</td> </tr> </table>
2、合并单元格
首先要记住两个标签:
colspan="":横向合并。
rowspan="":纵向合并。
例:
<tr><td>合并</td><td>合并</td><td>合并</td></tr>