美文网首页
HMTL必学标签

HMTL必学标签

作者: 亮子丶 | 来源:发表于2016-02-15 16:39 被阅读93次
    1.HTML <div>标签

    <div>起分割作用,分割内容使用的常用标签

    <div class="yanshi">演示</div>
    
    2.HTML <span>标签

    <span>常用布局标签

    <span>内容</span>
    
    3.HTML <a>链接标签

    <a>链接可以从A页面跳转至B页面

    <a href="网址" target="目标" title="说明">链接</a>
    

    href:打开目标地址(网址)

    <a href="http://www.hao123.com">网址导航</a>
    

    target:打开目标方式,没有此标签默认在浏览页面中重新加载

    1.target="_blank":新建标签网页窗口打开对应网址

    <a href="http://www.hao123.com" target="_blank">网址导航</a>
    

    2.target="_parent":所在网页重新加载

    <a href="http://www.hao123.com" target="_parent">网址导航</a>
    

    实现回到顶部

    1、需要转到地方添加,<a href="#命名">文字</a>,注意href值是#开头+英文字母命名
    2、需要在被转到位置添加,<span id="命名" name="命名"></span>,注意id和name值相同并且与a命名相同
    
    4.HTML <br />换行标签

    <br />

    我要换行<br />已经换行 
    

    5.HTML <p>段落标签

    <p>实现文章换段落的效果

    <p>段落1</p>
    <p>段落2</p>
    

    6.HTML <h1> <h2> <h3> <h4>标签知识

    <h1>在一个网页中最好只使用一次,如对一个网页唯一标题使用。 <h2><h3><h4>标签则可以在一个网页中多次出现,但必要随意添加或添加过度。

    7.HTML <b> & <strong>加粗标签

    <b> <strong>加粗标签元素告诉浏览器把其加b标签的文本以粗体方式显示给浏览者,<b><strong>加粗本质没有区别,用法语法也没有区别

    1.<b>加粗</b>
    2.<strong>强调</strong>
    

    8.HTML <em><i>强调粗标签

    <em> <i>告诉浏览器把其中的文本表示为强调的内容,这个与html I斜体标签相同效果。

    1.<em>强调标签</em>
    2.<i>斜体标签</i>
    

    9.HTML <u>下划线标签

    <u>下划线标签告诉浏览器把其加u标签的文本加下划线样式呈现显示给浏览者。

    <u>下划线</u>
    

    10.HTML <s>贯穿线标签

    <s>签修饰的文字内容将被加删除线(文字中间划线)。

    <s>删除线</s>
    

    11.HTML <img>图片标签

    <img>引入外部图片到网页中显示的标签

    [站外图片上传中……(2)]
    
    • <src> 图片路径
    • <width>设置图片宽度
    • <height>设置图片高度
    • <alt>设置对这张图片文字描述,通常设置描述为了搜索引擎能读懂你这张图片表达的内容(有利于搜索引擎优化因素而使用)

    12.HTML 上标注<sup> & 下标注<sub> 标签教程

    <sup>上浮内容

    <sup>上浮内容</sup>
    

    <sub>下浮内容

    <sub>下浮内容</sub>
    

    13.HTML <nobr>强制不换行标签

    在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容

    <p><nobr>强制不换行</nobr></p>
    

    相关文章

      网友评论

          本文标题:HMTL必学标签

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