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

HTML基本结构

时间:2016-07-03 23:12:36      阅读:288      评论:0      收藏:0      [点我收藏+]

标签:

2.1 HTML的基本结构

<html>                             -------根控制标记

<head>                             -------头控制标记

<title>标题</title>                 -------标题标记

</head>                            -------头控制标记(尾)

<body>                               

                                   -------网页显示区域

 

</body>

</html>                             -------根控制标记()

 

(1).<html></html>根控制标记

开头和结尾成对出现,双标签

 

(2).<head></head>头控制标记

1.<title>很单纯的文件标题声明

2.<meta>控制标记的动态文件转换声明

3.<base>超链接网址基准参考点

4.JavascriptVBScript程序

5.stylesheet 可用来设置排版来的声明

6.<link>可引用外部文件,如CSS排版样本

 

(3).<title></title>设置浏览器的视窗标题

(4).<body></body>页面可见内容

 

2.2 HTML控制标记的格式

(1).<标记名称>

                单一型,无设置值的。

                        如:<br>

 

(2).<标记名称 属性="属性值">

                单一型,有设置值的。

                        如:<hr width="80%">

 

(3).<标记名称></标记名称>

                对称型,无设置值。

                        如:<title></title>

 

(4).<标记名称 属性="属性值"></标记名称>

                对称型,有设置值。

                        如:<body bgcolor="red"></body>

                            <font size="7"></font>

 

2.3 最常用的控制标记

(1).跳行 <br>

                格式:<br>

                无属性设置

 

(2).段落 <p>

                格式:<p align="排列方式"></p>

    属性名称        属性值        说明

     align         left        往左靠(默认)

                   center      往中靠

                   right       往右靠

 

(3).水平直线 <hr>

                格式:<hr>

    属性名称        属性值        说明

     size        像素         绝对设置,以数字表示,属性值越大,线越粗

                 百分比        相对设置,以%表示,属性值越大,线越粗

     width       像素         绝对设置,长度不会应视窗的改变而改变

                 百分比        相对设置,长度会随着视窗宽度而改变

    noshade      实体线

 

(4).向中对齐 <center> (被废弃的标签)

                格式:<center></center>

 

(5).背景色与文字设置

        格式:

<body bgcolor="背景色" text="文字颜色">

        整体页面的边距,行距:

     <body leftmargin="像素" topmargin="像素">

 

(6).标题文字设置

                格式:<h1></h1>

                     <h2></h2>

                     <h3></h3>

                     <h4></h4>

                     <h5></h5>

                     <h6></h6>

              属性名称            属性值         说明

               align            left          靠左

                                center        靠中

                                right         靠右

 

(7).特殊字符设置

                格式:< lt;

      > gt;

      & amp;

      " quot;

要结合&一起用,例如:&lt代表<,&amp代表&

 

(8).HTML备注

                格式:<!--…-->

 

(9).实体字符控制标记

    1.<b></b>           

    2.<i></i>           

    3.<s></s>               

    4.<u></u>            下划

    5.<tt></tt>          电报

    6.<sub></sub>        下标

    7.<sup></sup>        上标

 

(10).语意字符控制

    1.<address></address>      地址

    2.<big></big>              大字

    3.<del></del>              删除

    4.<ins>...</ins>             修改

    5.<samll></small>          小字

6.<strong></strong>         加强语气(加粗)

7.<em>...</em>                加强语气(倾斜)

 

(11).<font>字体控制 (被废弃的标签)

    格式:<font></font>

    属性名称        属性值        说明

     size         0-7         字体大小

     color        英文或十六    颜色

     face         字体         字体

 

(12).格式化

                格式:<pre></pre>

                让书写的文字格式化!

 

(13).引用文本

格式:<blockquote>...</blockquote>

属性名称        属性值        说明

cite           url          被引用的地址

HTML基本结构

标签:

原文地址:http://www.cnblogs.com/lifi/p/5638937.html

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