大根根从零开始学web笔记

[课后作业] 第005讲：相濡以沫不如相见于江湖 |
0.
标签定义换行

定义水平线标签：添加一张图片属性（
虚元素（void element）指的是那些只能使用一个标签表示的元素，比如 img 元素就是一个例子（img 元素只有开始标签，但并没有结束标签）。除了 img 元素，还有 meta 和 base 也属于虚元素。）

1.body h1-h6 p a title
（元素并非一定要有内容，但元素没有内容的时候，它就叫空元素（一个名词而已，大家不必记怀）。比如下面代码中的

就是空元素。由于空元素中并无内容，所以其可以更简洁地使用自闭合标签表示

）

2.rel属性是必选的，它说明了当前文档与被链接资源之间的关系。
（rel 属性，它说明了当前文档与被链接资源之间的关系。换言之，没有 rel 属性，浏览器可能不知道如何处理 link 元素。）

3网站的根目录
（网站根目录）
4.不知道
5.tobeornottobe.html
6.不会吧。。。

<script src="js/jquery-1.11.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/fishc.js"></script>
<script src="js/main.js"></script>

        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav first_nav">
                <li><a href="https://www.bing.com" target="_blank">论坛首页</a></li>
                <li><a href="https://man.ilovefishc.com/html5/" target="_blank">HTML5速查手册</a></li>
                <li><a href="https://fishc.com.cn/thread-109473-1-1.html" target="_blank">CSS3速查手册</a></li>
                <li><a href="https://man.ilovefishc.com/pageHTML5/link.html" target="_blank">DEMO在线演示</a></li>
                <li>
                    <a href="https://www.taobao.com/" target="_blank">官方淘宝店
                        <img src="img/hot.png" alt="hot point" style="position: absolute;top: 2px;right: -10px;">
                    </a>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="#" class="hvr-underline-from-left" target="_blank">登录</a>
                </li>
                <li>
                    <a href="#" class="hvr-underline-from-right" target="_blank">注册</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<section class="Bright">
    <section id="wrapper" class="skewed">
        <div class="layer bottom">
            <div class="content_wrapper">
                <div class="content_body">
                    <h2>学习小甲鱼的Web开发后</h2>
                </div>
                <img src="img/before.jpg">
            </div>
        </div>
        <div class="layer top">
            <div class="content_wrapper">
                <div class="content_body">
                    <h2>学习小甲鱼的Web开发前</h2>
                </div>
                <img src="img/after.jpg">
            </div>
        </div>
        <div class="handle"></div>
    </section>
</section>

</nav>