• html常用标签及示例


    HTML,超文本标记语言,是一种用来描述超文本文档的标记语言,=

    超文本文档:在其中可以加入图片、声音、动画、影视等内容,并且可以利用超文本链接从一个文件跳转到网络上其他主机的另一个文件。

    HTML文档在普通文本上加上各种标签,使其达到语气的显示效果。

    HTML标签的结构形态(标签的作用范围是<标签>为开始,</标签>为结束)

    1)<标签>元素</标签>  

    2)<标签 属性名=“属性值”>元素</标签>

    3)<标签/>   既是开始标签,也是结束标签   <img src=”ball.gif”  height=”15”   width=”22”/>

     

    HTML文档分为文档头和文档体,文档头可省略

    <html>
    
    <head>头部信息,例如标题等</head>
    
    <body>正文部分</body>
    
    </html>
    View Code

    其中<html> </html>html文档的表示,对于.html文档可以不用写,浏览器会默认

    例子:

    <html>
    
    <head>
    
    <title>一个简单的HTML示例</title>
    
    </head>
    
    <body>
    
    <center>
    
    <h3>欢迎光临</h3>
    
    <br>
    
    <hr>
    
    <font size="2">
    
    这是我的主页,欢迎大家访问
    
    </font>
    
    </center>
    
    </body>
    
    </html>
    View Code

    HTML常用标签

    1 <html>标签

    <html>标签用来通知浏览器该文件是html文件,<html></html>标签任意删去一个或全部,不会影响显示效果。

    2 <body>标签

    tect属性,设定文本颜色

    <html>
    
    <head>
    
    <title>body标签text属性示例</title>
    
    </head>
    
    <body text="red">文本是红色</body>
    
    </html>
    View Code

    bgcolor属性,设定背景颜色

    <html>
    
    <head>
    
    <title>body标签bgcolor属性示例</title>
    
    </head>
    
    <body bgcolor="#00AA33"></body>
    
    </html>
    View Code

    HTML中,颜色可以使用”#RRGGBB”形式的十六进制表示,也可以用单词定义颜色。

    Black(黑色)Olive(橄榄色),Teal(黑绿色),Red(红色)Blue(蓝色)Maroon(栗色)Navy(藏蓝色)Gray(灰色)Lime(草绿色)Fuchsia(紫红色)White(白色)Green(绿色)Purple(紫色)Silver(银灰色),Yellow(黄色)Aqua(海蓝色)

    注:一般推荐使用样式表代替<body>标签中的text属性和bgcolor属性

    3 <hn>标签

    其中n(1~6)是标签的等级,越小标题字号越大

    <html>
    
    <head>
    
    <title>标题标签示例</title>
    
    </head>
    
    <body>
    
    <p>这是一个演示标签标题的网页</p>
    
    <h1>这是一级标题</h1>
    
    <h2>这是二级标题</h2>
    
    <h3>这是三级标题</h3>
    
    <h4>这是四级标题</h4>
    
    <h5>这是五级标题</h5>
    
    <h6>这是六级标题</h6>
    
    </body>
    
    </html>
    View Code

    4 <p>标签和<br>标签

    为了是文档排列整齐清晰,文字段落之间常使用<p>标签。<p>标签意味着段落的开始,</p>意味着段落的结束。<p>标签有属性align,设置段落文本的对齐方式,有center(居中)left(靠左)right(靠右)

    <html>
    
    <head> <title>p标签示例</title></head>
    
    <body>
    
    <p align="left">这是第一段,居左显示</p>
    
    <p align="center">这是第二段,居中显示</p>
    
    <p align="right">这是第三段,居右显示</p>
    
    </body>
    
    </html>
    View Code

    <br>标签的作用是换行,是一个单标签

    <html>
    
    <head><title>br标签示例</title></head>
    
    <body>
    
    这是第一行<br/>
    
    这是第二行
    
    </body>
    
    </html>
    View Code

    <br>强制跳到下一行,可以连续产生效果

    <p>产生一行空白,连续使用,只会产生一个效果

    5 <font>标签

    设置文本的字体。

    size属性设置字体的大小,有效值1~7,默认为3,可以在size的属性值之前加上+-,表示相对于字号初始值的增量或减量

    color属性设置文本的颜色,十六进制或单词

    face设置字体文本的字体,可以是本机上的任一字体类型

    <html>
    
    <head><title>font标签的示例</title></head>
    
    <body>
    
    <font size="2" face="华文彩体" color="#008000">这一行是绿色,大小是2的华文彩体字体</font>
    
    </body>
    
    </html>
    View Code

    一般使用样式表替代<font>标签

    6 <a>标签

    超文本链接标签

    href属性定义了这个标签所指的地方

    target属性默认为_self,在本窗口打开被链接文档;_blank在新窗口打开被链接文档

    链接的默认外观:未被访问的链接带有下划线且是蓝色的;已被访问的链接带有下划线且是紫色的;活动链接带有下划线且是红色的。

    <html>
    
    <head><title>a标签示例</title></head>
    
    <body>
    
    <a href="http://www.baidu.com">百度</a>
    
    </body>
    
    </html>
    View Code


    作者:孙建钊
    出处:http://www.cnblogs.com/sunjianzhao/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

  • 相关阅读:
    Seq命令的用法
    Vsftp的PASV mode(被动模式传送)和Port模式及 Linux下VsFTP配置全方案
    PHP网页截图网页快照实现
    MimeType资料
    SQl 周报表 周统计
    IsolatedStorageFile 配额等
    SQL 月报表
    参数编码 完全解决方案
    File,FileStream,byte[]3者互相转换总结(转)
    SL 在 IE8下显示的高度变小 解决方法
  • 原文地址:https://www.cnblogs.com/sunjianzhao/p/14466035.html
Copyright © 2020-2023  润新知