HTML中所用的标签(一)

    使用HTML制作网页需要用到许多标签,其中最基础的标签为:<html>、<head>、<body>,它们分别代表了网页的开始、头标签和主体标签,且均为双标签元素(<标签名></标签名>)。

      在<head></head>中间加上<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />,可以起到防乱码的作用;

      <title></title>中间加上文字可以设置为网页的标题。在代码里面加上注释,可以方便对代码的查看和日后的更改(注释不会在页面中显示),<head>中的注释为:/* */;<body>中的注释为:<!-- -->。

    <body> 中一般可以加入这样的一些属性来修饰页面中的内容:bgcolor:背景颜色、text:前景色、background:背景图片。

打开<body></body>标签,为页面添加内容。<font>给字体添加格式,常用到的属性有:

      face(字体样式)、size(文字大小)、color(字体颜色);

      还有<b>加粗字体,<i>倾斜文字,<u>加下划线,<strong>效果与<b>一样,但却可以起到加强语气的效果,<em>同<i>的效果一样,但同样可以起到加强语气的效果,更便于搜索。

      在代码界面无论加多少空格都会当做一个,&nbsp;代表空格,出现一次代表一个空格,同样在代码界面加换行没有效果,加上<br/>代表换行,出现一次代表换一行。

      <h1>--<h6>是标题标签,其中h1是最大号字体,h6是最小号的字体,同Word里面的标题一样,可以修改所对应的文字样式;

      <p> 段落标签,使用后结束本段内容,从下一段开始;

      <div> 默认占一行,里面可以放任何内容,这也是在制作网页中最常用到的一个标签;

      <span> 大小取决于内容,放文字性的内容;

      <ol><li> 为有序列表,在几个<li></li>中间加上文字后会以数字列表的形式显现(可以通过"type"属性改变数字开始的数值或者以其他表示数值的表示),

      <ul><li> 无序列表同样也是可以为内容生成顺序,不过文字前面显示的不再是数值,而是实心的圆,它所显示的样式同样可以使用"type"进行更改,如果想换成图片甚至不显示,这就需要使用到样式“list-style”进行更改。

常用的标签有两个:<a></a>,<img />。

      <a>为超链接标签,它有两个要素:内容和指向;在<a>内加上“href”属性,为超链接的指向,即<a href="网址">文字</a>。<a>还可以打开一些文件或者下载一些文件,如果把其设置成这样:<a name="one"></a>可以设置一个定点,然后在下面的连接地方输入<a herf="#名字">内容</a>即可跳到前一个连接的地方。

      <img />为图片标签,它是一种单标签元素,所使用的几个属性是:"src"后面跟图片的来源;"width"图片的宽度,"height"图片的高度,要想保持图片原来的比例,只设置一种即可;"alt"为当图片挂掉之后给出的提示,提示出这是一张什么样的图片;"title"为当鼠标放在图片上的时候所显示出的标题。