• 【积硅计划】html标签


    一、基础
        在html中,标签通常是由开始标签和结束标签组成,开始标签用<标签名>,结束标签用</标签名>
     
       元素是指包括开始标签和结束标签在内的整体,内容是指出去开始标签和结束标签的部分
     
       属性是在开始标签中指定,用来描述标签。通常是"属性名"="值",多个属性之前用空格隔开
     
       文件的定位:1、绝对地址,以http/https开头
                            2、相对地址,用/(根目录)、./(当前目录)、../(父目录)表示
       
        颜色值的指定:1、用内置的颜色名称,如red
                                2、#+用16进制的RGB表示,如#FFFFF0,其中如果RGB的高4与低4位相同可以简写,如#CCCCCC简写为#CCC
        xml注释
       <!--  注释内容 -->
    二、html格式
          <!DOCTYPE ~> ~表示html的版本
          <html>
          <head>
               <title></title>
         </head>
          <body>
          </body>
          </html>
    三、设置文件信息
           这部分内容放置在head标签中
           1、title:html标题
           2、meta标签
                  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"
        
                <meta http-equiv="Content-Style-Type" content="样式表的种类" />

                <meta http-equiv="Content-Script-Type" content="脚本的种类" />

              <meta name="keywords" content="关键字1,关键字2,…" />

               <meta name="description" content="内容介绍" />

               <meta name="author" content="作者姓名" />

               必需的属性

    DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

    属性

    描述

    DTD

    content

    some_text

    定义与 http-equiv 或 name 属性相关的元信息

    STF

    可选的属性

    DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

    属性

    描述

    DTD

    http-equiv

    content-type

    expires

    refresh

    set-cookie

    把 content 属性关联到 HTTP 头部。

    STF

    name

    author

    description

    keywords

    generator

    revised

    others

    把 content 属性关联到一个名称。

    STF

    scheme

    some_text

    定义用于翻译 content 属性值的格式。

    STF

          3、设置进入网页

               link标签表示该文件和与其相关的文件的关系

              <link rel=”关系” href=”URL”>    rel:在本页看到的,与URL标明的网页之间的关系

             <link rev=”关系” href=”URL”>    rev:在URL标明的网页中看到的,与本页之间的关系

            一般用于指定样式文件

            <link rel="stylesheet" type="text/css" href="style.css" />

         可选的属性

    DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

    属性

    描述

    DTD

    charset

    charset

    定义目标 URL 的字符编码方式。默认值是 "ISO-8859-1"。

    STF

    href

    URL

    目标文档或资源的 URL。

    STF

    hreflang

    language_code

    定义目标 URL 的基准语言。

    STF

    media

    screen

    tty

    tv

    projection

    handheld

    print

    braille

    aural

    all

    规定文档将显示在什么设备上。

    STF

    rel

    alternate

    appendix

    bookmark

    chapter

    contents

    copyright

    glossary

    help

    home

    index

    next

    prev

    section

    start

    stylesheet

    subsection

    定义当前文档与目标文档之间的关系。

    STF

    rev

    alternate

    appendix

    bookmark

    chapter

    contents

    copyright

    glossary

    help

    home

    index

    next

    prev

    section

    start

    stylesheet

    subsection

    定义目标文档与当前文档之间的关系。

    STF

    target

    _blank

    _parent

    _self

    _top

    在何处打开目标 URL:

    _blank - 在一个新的未命名的窗口载入文档

    _self - 在相同的框架或窗口中载入目标文档

    _parent - 把文档载入父窗口或包含了超链接引用的框架的框架集

    _top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架

    TF

    title

    字符串

    为要链接的文档指定标题。在引用不带有标题的源(例如图像或非 HTML 文档)时,该属性非常有用。在这种情况下,浏览器会在显示被引用的文档时使用 <link> 标题。

    STF

    type

    MIME_type

    比如:

    text/css

    text/javascript

    image/gif

    规定目标 URL 的 MIME 类型。

    STF

    标准属性

    id, class, title, style, dir, lang, xml:lang

     

    4、设置标准URL

       <base href=”绝对URL”>

        <base href=”绝对URL” target=”目标名”>

       通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

      使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中            包括 <a>、<img>、<link>、<form> 标签中的 URL。

      四、标签         

    a
    定义锚
       
    abbr
    表示一个缩写
       
    address
    定义一个地址
       
    area 定义图像映射中的区域    
    blockquote 定义一个块引用    
    body 定义文档的主体    
    br 换行符    
    button 定义一个按钮    
    caption 定义一个表格标题    
    center 其所包括的文本水平居中    
    col 为表格中一列或多列定义属性值   在table、colgroup中使用
    colgroup 对表格中的列进行分组    
    dl 定义列表    
    dt 定义列表的项目    
    dd 定义列表中的定义部分    
    del 定义文档中已被删除的文本   和ins配合使用
    dir 定力目录列表    
    div 定义文档中分区或节    
    fieldset 将文档中的相关元素分组    
    font 定义文本的字体、字体尺寸、字体颜色    
    form 创建表单    
    frame 定义frameset中一个特定的窗口(框架)    
    head 定义文档头部    
    h1~h6 定义标题    
    hr 定义水平线    
    html 定义html文档    
    iframe 创建包含另外一个文档的内联框架    
    img 定义图像    
    input 表单元素,用于搜集用户信息 。type不同,形式不同   text(文本),checkbox(复选框),radio(单选框),
    button(按钮),file(文件),password(密码框),
    hidden(隐藏域)
    ins 定义已被插入文档中的文本    
    label 标注    
    legend 定义fieldset的标题    
    li 定义列表项目   用于ol,ul中
    map 定义一个客户端图像映射    
    noframes 浏览器不支持框架时显示的文本    
    noscript 定义脚本未被执行时显示的文本    
    object 定义一个嵌入的对象    
    option 定义下拉列表中的一个选项   用于select中
    optgroup 定义选项组    
    p 定义段落    
    param 为object提供参数    
    pre 定义预格式化的文本    
    q 定义一个短引用    
    s/strike 定义加删除线的文本    
    script 定义客户端脚本    
    style 定义css样式    
    sub 定义下标文本    
    sup 定义上标文本    
    table 定义表格    
    thead 定义表格头部   用于table
    tbody 定义表格内容部分   用于table
    tfoot 定义表格页脚   用于table
    tr 定义表格中的行   用于table
    td 定义表格中内容部分的单元格   用于table
    th 定义表格中头部部分的单元格   用于table
    title 定义html文档的标题    
    u 定义加下划线的文本    
    ul 定义无序列表    
    ol 定义有序列表    
     
            
  • 相关阅读:
    idea配置svn
    idea历史版本下载
    IntelliJ IDEA 2017.1.4 x64配置说明
    IDEA 初始配置教程
    【phonegap】用本地浏览器打开网页
    【phonegap】IOS按HOME键,程序进入suspended状态,再调出,界面出现文字丢失问题
    iOS按home键后程序的状态变化
    [phonegap]安装升级
    highcharts图表显示鼠标选择的Y轴提示线
    HTML5的local storage
  • 原文地址:https://www.cnblogs.com/icewater506/p/3416760.html
Copyright © 2020-2023  润新知