美文网首页
HTML标签(第一篇)

HTML标签(第一篇)

作者: JohnnyB0Y | 来源:发表于2016-09-03 00:09 被阅读20次

    <h5>PS:【标签内的空格只是为了能在简书上完整显示添加上去的。】</h5>

    <h6>HTML单标记</h6>

    < hr> : 横向标记
    < br> : 换行标记
    <!-- --> : 注释文本 ( 快捷键 command+/ )
    < img src="图片路径" alt="图片描述" title="鼠标在图片上时显示的文字"> : 图片标记标记
    

    <h6>HTML双标记</h6>

    < hn>标题内容< /hn> :标题标记 ( n 取值 1~6 标题字体从大到小 )
    < p>一段文字< /p> :段落标记
    < font>文字内容< /font> : 控制网页文字颜色、大小、字体
    < strong>文字内容< /strong> 与 < b>文字内容< /b> : 文字加粗,起强调作用
    < em>文字内容< /em> 与 < i>文字内容< /i> : 文字斜体
    < ins>文字内容< /ins> 与 < u>文字内容< /u> : 文字下划线
    < del>文字内容< /del> 与 < s>文字内容< /s> : 文字删除线
    
    < a href="链接" target="_blank">内容(图片、文字等)< /a>  :超链接
    (target="_blank" 表示从新页面打开,target="_self" 当前页面打开)
    
    定义 < a id="TARGET">顶部< /a> 使用 < a href="#TARGET">回到顶部< /a> :锚链接
    ( 与iOS中的tableView滚动到指定Cell位置相同 )
    

    <h6>HTML 特殊标记符号:</h6>


    QQ20160902-0@2x.png

    <h6>HTML列表</h6>

    ----------------无序列表----------------
    < ul>
    < li>科比< /li>
    < li>麦迪< /li>
    < /ul>
    

    样式如下:
    <ul><li>科比</li><li>麦迪</li><li>波波维奇</li></ul>

    ----------------有序列表----------------
    < ol>
    < li>科比< /li>
    < li>麦迪< /li>
    < /ol>
    

    样式如下:
    <ol><li>科比</li><li>麦迪</li><li>波波维奇</li></ol>

    ----------------自定义列表----------------
    < dl>
    < dt>NBA Player< /dt>
    < dd>科比< /dd>
    < dd>麦迪< /dd>
    < /dl>
    

    样式如下:
    <dl><dt>NBA Player</dt><dd>科比</dd><dd>麦迪</dd><dd>波波维奇</dd></dl>


    <h6>meta标签介绍:</h6>

    -1- 字符集(charset):

    < meta charset="utf-8">
    utf-8    是网络传输最常用的字符集编码方式
    gb2312   简单中文
    GBK      包含全部中文字符、繁体
    BIG5     繁体中文
    

    -2- name 属性主要用于描述网页,对应于Content(网页内容)

    1、< meta name="Generator" Content="">用以说明生成工具(如Microsoft FrontPage 4.0)等; 
    2、< meta name="Keywords" Content="">向搜索引擎说明你的网页的关键词;
    3、< meta name="Description" Content="">告诉搜索引擎你的站点的主要内容; 
    4、< meta name="Author" Content="你的姓名">告诉搜索引擎你的站点的制作的作者;
    5、< meta name="Robots" Content="all|none|index|noindex|follow|nofollow"> 
    其中的属性说明如下:
    设定为all: 文件将被检索,且页面上的链接可以被查询;
    设定为none:文件将不被检索,且页面上的链接不可以被查询;
    设定为index:文件将被检索;
    设定为follow:页面上的链接可以被查询;
    设定为noindex:文件将不被检索,但页面上的链接可以被查询;
    设定为nofollow:文件将不被检索,页面上的链接可以被查询。
    

    -3- http-equiv 类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。

    < meta http-equiv="Content-Type"   Content="text/html"; charset=gb_2312"> 
    (Contect="text/html" 设置资源类型)
    < meta http-equiv="Refresh" Content="5;url=http://www.w3school.com.cn"/>
    ( 网页重定向,5表示5秒后跳转,url为要跳转的网页地址)
    

    <a href="http://kinglyhum.iteye.com/blog/827807"target="_blank">更多http-equiv介绍</a>


    <h6>link标签:</h6>

    1:引用外部CSS文件 例如:
      <link rel="stylesheet" type="text/css" href="https://ss1.bdstatic.com/.../.css">
    2:引用title图片(浏览器标签页显示的小图标) 例如:
      <link  rel="icon" href="taobao.icon">

    相关文章

      网友评论

          本文标题:HTML标签(第一篇)

          本文链接:https://www.haomeiwen.com/subject/gmrkettx.html