第一章 html基础

第一章 html基础

一、标签 （开标签 比标签）

<h1>一级标题、一共有h1-h6 、h7不能显示

<p>标签 独占一行

<hr/> <br/>下划线 和换行 后期不建议使用

二、属性 （相当于自己的身体特征、多高、多重）

<strong>加粗

<em>斜体

<del>删除线

三、特殊标签

 空格 （不建议使用）

©商标

>>号 &it；<号

<!--注释-->

四、图像标签

1.<img>连接图像

<img src=" 图片的路径" alt="当图片找不到时显示的信息" title="鼠标悬停时显示的信息"/>
​

2.路径

2.1绝对路径 （不管其他直接从根目录开始找 /）

<img src="/javascript/imgs/li.jpg" alt="没有图片" title="漂亮不"/><br>

2.2相对路径(../相当于返回上一级目录。然后再去寻找imgs下的图片)

<img src="../imgs/li.jpg" alt="没有图片" title="漂亮不"/><br>

五、超链接 href( url uri src 都是路径)

1.外部路径（直接在网上粘贴相关的路径）

  <a href="https://www.so.com/sq=%E6%9D%8E%E6%B8%85%E7%85%A7%E7%AE%80%E4%BB%8B&src=srp_suggst_revise&ssid=ce5a2f7b7baa4afcaa8f6402b29c9b69&fr=lm&ls=sm2297811&lm_extend=ctype%3A31&sp=a3c&cp=0e8c1b5ea3&psid=22616b46e311d0b59928fef38a49df15&eci=&nlpv=test_zc_44">点击去看我</a>
   

2.内部路径 (自己写的页面之间跳转 也包括绝对/相对路径)

<a href="./案例一.html">来看看我写的诗</a>

3.锚点链接

1.属性 name="f1" href="#f1" 可以跳转的相应位置(但是name 属性在img标签中不能使用 所以建议使用id)

img src="../imgs/F1.jpg" alt="" width="1200px"  id="yi"  >
    <img src="../imgs/F2.jpg" alt="" width="1200px"  id="er"  >
    <img src="../imgs/F3.jpg" alt="" width="1200px"  id="san" >
    <img src="../imgs/F4.jpg" alt="" width="1200px"  id="si">
​
    <p>
        <a href="#yi">F1</a><br/>
        <a href="#er">F2</a><br/>
        <a href="#san">F3</a><br/>
        <a href="#si">F4</a>
    </p>
    

2.页面跳转到另一个页面的指定位置

<a href="1.html#fi"></a>

3.功能性链接

<a href="mailto:bdqnWebmaster@bdqn.cn">联系我们</a>
​