• HTML标签总结


    一,基本概念

    HTML(Hypertext Markup Language) 超文本标记语言,是用于描述网页文档的一种标记语言,XHTML是一种遵循更严格的XML规则的HTML新版本,这种新的XML兼容版本的HTML被称为XHTML。

    <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

    二.大体框架 

    <html>

    <head> 

        <title>该文本的标题</title> 

    </head> 

        <body>网页要显示的内容...(可以使用各种标签设置参数) </body> 

    </html>

    使用META标记 ,提供关于网页的信息 
    <META  charset=”UTF-8"> 设置网页使用UTF-8编码

    HTML标签语法:

    1、双标记:<开始标记>内容</结束标记>。例 :<font>新华网</font>、<title>...</title>

    2、单标记:<标记>。 例:<hr>--加横线、<br>--换行、<b>--加宽等。

    3、标记的属性:<标记 属性1=参数 属性2=参数...>内容</标记>。例:<font size="5" color="red"><b>新华新闻</b></font>。

     

    三.标签分类

    1文档标签(10)<html><head><body><title><meta><base><style><link><script><noscript>

    2框架标签(4)<frame><frameset><iframe><noframes>

    3布局标签(1)<div>

    4表格标签(8个)<table><thead><tbody><tfoot><tr><td><th><caption>

    5表单标签(10)<from><input><textarea><button><select><optgroup><option><label><fieldset><legend>

    6列表标签(6)<ul><ol><li><dl><dt><dd>

    7链接标签(1)<a>

    8多媒体标签(3个)<img><map><area>

    9文章标签<h1> - <h6> <p><br><span><pre><blockquote><q><ins><del><address>

    11特殊标签(3)<!DOCTYPE><!-- --><hr>

    块元素(block element)   

    1. * div - 常用块级主要标签   
    2. * dl - 定义列表     
    3. * form - 交互表单   
    4. * h1-h6 - 标题   
    5. * hr - 水平分隔线   
    6. * ol ,ul- 排序表单 ,非排序列表   
    7. * p - 段落 
    8. * pre - 格式化文本
    9. * table - 表格
    10.   * blockquote - 块引用  

      

     

    内联元素(inline element)   

      

    1.   * a - 锚点   
    2. * br - 换行    
    3. * em - 强调   
    4. * i - 斜体   
    5. * img - 图片   
    6. * input - 输入框   
    7. * label - 表格标签   
    8. * q - 短引用   
    9. * select - 项目选择   
    10. * span - 常用内联容器,定义文本内区块   
    11. * sub - 下标   
    12. * sup - 上标   
    13. * textarea - 多行文本输入框   
    14. * var - 定义变量   

     

    块元素与行元素可以通过css display样式进行转换(inlineblockinline-block)。

  • 相关阅读:
    php单点登录
    【Docker】docker镜像构建
    【测试经验】网关中间件测试
    【Jmeter】调用Dubbo方法
    【计算机网络】TCP三次握手与四次挥手
    【操作系统】死锁
    【操作系统】线程与进程
    【计算机网络】TCP/IP
    【计算机网络】Http与Https
    【二叉树】二叉树的创建与遍历
  • 原文地址:https://www.cnblogs.com/dengyy/p/3873235.html
Copyright © 2020-2023  润新知