• 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样式进行转换(inline,block,inline-block)。

  • 相关阅读:
    帮助中心 7D-我的私家设计师 设计师品牌服饰集成网 7D服装定制!
    libiconv的静态编译
    “好饭不怕晚” 怎么理解这句话?_百度知道
    “好饭不怕晚” 怎么理解这句话?_百度知道
    隆庆祥_百度百科
    【图】高级西服定制、量身定制(英国/意大利进口面料商务着装、结婚礼服、高档衬衫)
    量身定制顺美男女西服、衬衫、大衣、T恤等
    高级西服定制
    关于我们-成功人士西装定制服务第一品牌派斯特PAISTETAILOR绅士礼服
    断舍离:日式概念的流行-财经网
  • 原文地址:https://www.cnblogs.com/aobingyan/p/3879577.html
Copyright © 2020-2023  润新知