HTML基础标签

2018-06-17 21:57:39来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

 

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

 

 

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


 

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

②空格:&nbsp;
在HTML中空格无论按多少下,都只显示一个,所以&nbsp;当我们需要几个空格,就用多少个。
③删除线:<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>

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:.NET基础 一步步 一幕幕[循环、逻辑语句块]

下一篇:NLog在Asp.Net MVC的实战应用