码迷,mamicode.com
首页 > Web开发 > 详细

html标签分类以及常用标签

时间:2014-07-17 18:27:33      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:使用   strong   width   html   re   c   

WEB初级编程人员必须掌握的html标签分类以及常用标签

1、 内容简介:

·文本版面的编辑(格式标签、文本标签)

·超链接和锚点

·图像和图像地图

 

2、 格式标签:

用于定义网页中文本的布局、缩进、位置、换行、列表等。

常用格式标签:

<p></p>

<center></center>

<pre></pre>

<ul></ul><li></li> <ol></ol>

<hr>

<br>

注意:因为css样式可以代替htm中标签的功能,所以html中的标签只需要记住常见的即可,大部分时间都是通过CSS来控制的。

 

3、 文本标签:

正网页中,为了着意强调某一部分文字,或者为了让文字有所变化。

常用文本标签:

<h1></h1>单个网页只使用一次

<b></b>

<i></i>

<u></u>

<sub></sub>

<sup></sup>

<font></font>

<em></em>输出强调的斜体字

<strong></strong>

<small></small>

<big></big>

<tt></tt>输出打印机文字

<cite></cite>输出引证、举例斜体字

……

 

4、 超链接标签:

<a href=”URL ”>页面</a>

·相对URL

当前目录下的其他资源地址

·绝对URL

根目录开始的资源的完整地址

 

5、 锚点标签:

<a name=”name”>内容</a>

 

例子:

<a href=”#one”>one</a>

<a href=”#two”>two</a>

<a href=”#three”>three</a>

 

<a name=”one”>

  <p>11111111111111111111111111</p>

<p>11111111111111111111111111</p>

<p>11111111111111111111111111</p>

<p>11111111111111111111111111</p>

<p>11111111111111111111111111</p>

</a>

 

<a name=”two”>

  <p>222222222222222222222222</p>

<p>222222222222222222222222</p>

<p>222222222222222222222222</p>

<p>222222222222222222222222</p>

<p>222222222222222222222222</p>

</a>

 

<a name=”three”>

  <p>333333333333333333333333</p>

<p>333333333333333333333333</p>

<p>333333333333333333333333</p>

<p>333333333333333333333333</p>

<p>333333333333333333333333</p>

</a>

 

<a href=”#”></a>

 

6、 图像标签:

<img />

属性:

Src:指定图片所在的URL;

Border:边框宽度;

Alt:图片描述;

Width:图片宽度   图片只给宽度,那么图片高度等比例缩放、放大等

Height:图片高度

7、 图像地图标签:

把一幅图片分成多个区域,每个区域指向不同的URL,即为一个图片加多个链接。

 

<img src=””usemap=”#mymap” border=0 />

<map name=”mymap”>

<area shape=”rect” cords=”,,,” href=””>    矩形

<area shap=”circle” cords=”,,” href=””>    园

<araa shap=”poly” cords=”” href=””>      多边形

</map>

注:shape指定形状,cords确定形状,href指定链接的位置

html标签分类以及常用标签,布布扣,bubuko.com

html标签分类以及常用标签

标签:使用   strong   width   html   re   c   

原文地址:http://www.cnblogs.com/cinderlla/p/3851429.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!