html标签

hr标签：水平线 空元素

空元素：开始标签必须存在，结束标签必须不存在

link标签：

用于链接外部的 CSS 到该文档（只能出现在head元素中，可以出现多个<link>标签） 空元素

• href：此属性指定被链接资源的URL。 URL 可以是绝对的，也可以是相对的。
• rel：此属性指明被链接文档对于当前文档的关系（stylesheet设置为外部样式表的URL来构造网页）

<a>标签 代表一个链接到其他资源的超链接

  download 下载文件
  target：_self: 当前页面加载
          _blank: 新窗口打开
          _parent: 加载响应到当前框架的父框架浏览上下文
          _top：加载响应进入顶层浏览上下文
  href：包含超链接指向的URL或URL片段（可以使用 href="#top" 或者 href="#" 链接返回到页面顶部。这种行为是HTML5的特性）  
        ①//qq.com
        <a href="http://www.xxx.com"></a>
        这种情况下浏览器以当前协议，给超链接加上协议。比如当前是http协议，则请求http://qq.com
        ②#xxx ?name=xxx ./xxx.html  xxx.html
        <a href="#xxx"></a> 
        点击超链接就会寻找跳转到xxx的段落
        <a href="?name=xxx"></a>
        点击超链接发送get请求    
        <a href="xxx.html"></a>
        直接跳转到xxx.html
        <a href="./xxx.html"></a>
        跳转到当前目录下的xxx.html
        ③javascript:alert(1);    javascript:;    
        javascript伪协议
        <a href="javascript:;"></a>  点击这个超链接什么也不做

<iframe> 标签:嵌套页面

    frameborder="0"  消除当前iframe与其他iframe之间边框阴影
    <iframe src="" name="xxx" frameborder="0"></iframe>
    <a href=""  traget="xxx"></a>   
    注：name属性搭配<a>标签使用，a标签在iframe中打开

---

①<img> 代表文档中的一个图像 空元素

• alt:定义了描述图像的替换文本(图像的URL是错误的，该图像不在支持的格式 列表中，或者如果图像还没有被下载,用户将看到文字显示)

• src：图像的 URL，这个属性对 <img> 元素来说是必需的

  <img src="https://rscard.px-lab.com/startuper-1.jpg" alt="Author Image">
  

②<div> 代表一个通用的容器
③<style> 用于内联 CSS
④<nav> 导航栏，描绘一个含有多个超链接的区域
⑤<main> 定义文档中主要或重要的内容
⑥<span> 代表一段没有特殊含义的文本，当其他语义元素都不适合文本时候可以使用该元素

   <span class="welcome">Hello</span>

⑦<dl> 定义一个定义列表

• <dt> 代表一个由下一个 <dd> 定义的术语

• <dd> 代表出现在它之前术语的定义

                <dl>
                    <dt>年龄</dt>
                    <dd>18</dd>
                    <dt>所在城市</dt>
                    <dd>北京</dd>
                    <dt>邮箱</dt>
                    <dd>yafanison@gmail.com</dd>
                </dl>
  

⑧<ol> 定义一个有序列表

• <ul> 定义一个无序列表

• <li> 定义列表中的一个列表项.

    <ul>
            <li><a href="#">ABOUT</a></li>
            <li><a href="#">SKILLS</a></li>
            <li><a href="#">EXPERIENCE</a></li>
            <li><a href="#">PRICING</a></li>
            <li><a href="#">BLOG</a></li>
            <li><a href="#">CALENDAR</a></li>
            <li><a href="#">CONTACT</a></li>
            <li><a href="#">OTHER</a></li>
            <li><a href="#">ALL DEMOS</a></li>
    </ul>
  

⑨<footer> 定义页面或章节的尾部
⑩<section> 定义文档中的一个章节

补充：

http中类Content-Type: application/octet-stream 下载文件
css布局：横向、纵向