HTML基础标签

【HTML写法标签】【HTML字体段落标签】【锚点】【有序无序列表】【表格】

一、HTML写法标签：
双标签：<标签名>内容</标签名>
单标签：<标签名内容/>

二、字体段落标签（调皮版）
①加粗：<strong>内容</strong>
在新版本中明确指出，<b>标签即将淘汰，所以，<strong>更实用。

②空格： 
在HTML中空格无论按多少下，都只显示一个，所以 当我们需要几个空格，就用多少个。
③删除线：<del>删除线</del>

④上标、下标：

上标：<sup></sup>
下标：<sub></sub>
例：

成狼朗<sub>TM</sub>

HTML基础标签

⑤居中：<center></center>!

⑥倾斜：<em>

<em>猴大圣的救兵<em>

HTML基础标签

⑦标题标签（共六级）

⑧alt：如果图片显示不出。

 <a href="#007"><img src="file:///F|/1220作业/HTML作业。/1.gif" alt="破图没出来" title="此图没坏点点看" width="100" height="100"/></a>

HTML基础标签

⑨title:鼠标悬浮图片显示文字

 <a href="#007"><img src="file:///F|/1220作业/HTML作业。/1.gif" alt="破图没出来" title="此图没坏点点看" width="100" height="100"/></a>

HTML基础标签

三、锚点（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>

HTML基础标签

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=""：纵向合并。

例：

HTML基础标签

相关推荐