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

html基本标签

时间:2015-07-26 17:29:02      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:html   标签   文档   

html文档基本机构

<html>
    <head>
       <!--头部信息,网页相关属性和信息-->
    </head>
    <body>
       <!--主体,浏览器页面显示内容-->
    </body>
</html>

例子:

<html>
    <head>
      <title>这是网页标题(文件头部分)</title>
    </head>
    <body>
      这是网页得内容部分,在浏览器窗口显示。
    </body>
</html>

技术分享技术分享

html常见的标签

1,标题

<html>
    <head>
      <title>这是网页标题(文件头部分)</title>
    </head>
    <body>
       <h1>标题一</h1>
       <h2>标题二</h2>
       <h6>标题三</h6>
    </body>
</html>

标题的一般形式<hn>内容</hn>,n的值是1~6,n越小,字号越大
技术分享
2,换行标签<br>

<html>  
    <body>
       百日依山尽<br>黄河入海流<br>欲穷千里目<br>更上一层楼
    </body>
</html>

技术分享
3,段落标签<p align=** >属性align是对齐方式,left,center,right

<html>  
    <body>
      <p align="left">你好,请问你是谁?</>
      <p align="center">你好,请问你是谁?</>
      <p align="right">你好,请问你是谁?</>
    </body>
</html>

技术分享
4,水平线段<hr>
size:水平线的宽度,单位是像素
width:水平线的长度,默认像素,可用百分比,width=50%表示页面长度的50%。
align:水平线的对其方式,left,center,right。
noshape:无阴影,若设置位实心线段
color:线段内部颜色

<html>  
    <body>
     <hr>
     <hr align="center" size=30>
     <hr align="center" noshape  size=30>
     <hr align="center" width="100" size=30>
     <hr align="center" width="100" size=30 color="#CC0000">
    </body>
</html>

技术分享
5,,字体标签<font></font>
size:用来设置字体的大小,1~7,值越大,字体越大
face:用来设置字体类型
color:字体颜色

<html>  
    <body>
     <font color="#000099">相见时难别亦难,<br></font>
     <font color="#000099" face="楷体GB_2312",size="7">东风无力百花残。</font>
    </body>
</html>

字体风格常见的标签:

<b>内容</b><!--设置为粗体blod-->
<u>内容</u><!--设置为下划线 underline-->
<i>内容</i><!--设置为斜体 italic-->
<sup>内容</sup><!--设置为上标,superscript-->
<sub>内容</sub><!--设置为下标,subscript-->

版权声明:本文为博主原创文章,未经博主允许不得转载。

html基本标签

标签:html   标签   文档   

原文地址:http://blog.csdn.net/tuke_tuke/article/details/47068461

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