10.19

Posted 034陈妍希

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了10.19相关的知识，希望对你有一定的参考价值。

1、制作自己的导航条

<nav style="background-color: blanchedalmond">
    <img src="https://haitao.nos.netease.com/e740ea878fa94730b3d86579a8e68a26.jpg">
    <input type="text" placeholder="输入你想找的宝贝">
    <input type="button" value="搜索">
    <a>购物车</a>
    <a href="https://www.kaola.com/?navindex=1&zn=top">首页</a>
    <a href="https://www.kaola.com/activity/flashSaleIndex/show.html?navindex=2&zn=top">今日限时购</a>
    <a href="https://www.kaola.com/activity/newArrival.html?navindex=3&zn=top">每日上新</a>

</nav>

2、HTML头部元素：

  1. <base>  定义了页面链接标签的默认链接地址
  2. <style>  定义了HTML文档的样式
  3. <link>  定义了一个文档和外部资源之间的关系 
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>菜鸟</title>
    <base href="http://www.gzcc.cn/2016/images" target="_blank">
    <style>
        p{
            color:red;
        }
    </style>
    <link rel="stylesheet" href="yx.css">
</head>
<body>
    <p>菜鸟学HTML</p>
</body>
</html>
    4.   3、练习样式表：
    1. 内嵌样式表 
      <head>
    <meta charset="UTF-8">
    <title>菜鸟</title>

    <style>
        p{
            color:red;
        }
        .textblue{
            color:blueviolet;
        }
        .daili{
            background-color: aqua;
        }
    </style>

</head>
<body>
    <p>菜鸟学HTML</p>
    <p>菜鸟学HTML</p>
    <p class="daili">菜鸟学HTML</p>
    <p class="textblue">菜鸟学HTML</p>
</body>
</html>

       

    2. 行内样式表 
      <h1 align="center"><a href="https://www.kaola.com/?zn=top"target="_blank">网易考拉</a></h1>
<div id="container" style="width:400px">
    <div id="header" style="background-color:#FFA500"><h2>登录</h2></div>
      3.  3、分别练习定义三类选择器：
      1. HTML 选择器
      2. CLASS 类选择器
      3. ID 选择器 
        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网易考拉</title>
    <style>
        .li{
            background-color: blanchedalmond ;
        }
        .ziti{
            font-family: "Adobe 仿宋 Std R";font-size: small;
        }
        .zix{
            font-family: "Adobe 黑体 Std R";font-size: medium;
        }
    </style>
</head>
<nav style="background-color: blanchedalmond">
    <img src="https://haitao.nos.netease.com/e740ea878fa94730b3d86579a8e68a26.jpg">
    <input type="text" placeholder="输入你想找的宝贝">
    <input type="button" value="搜索">
    <a>购物车</a>
    <a href="https://www.kaola.com/?navindex=1&zn=top">首页</a>
    <a href="https://www.kaola.com/activity/flashSaleIndex/show.html?navindex=2&zn=top">今日限时购</a>
    <a href="https://www.kaola.com/activity/newArrival.html?navindex=3&zn=top">每日上新</a>

</nav>
<body class="li">
<h1 align="center"><a href="https://www.kaola.com/?zn=top"target="_blank">网易考拉</a></h1>
<hr>
<div id="container" style="width:400px">
    <div id="header" style="background-color:#FFA500" align="center"><h2>登录</h2></div>
<div id="content">
    <form>
        用户名：<input type="text" name="username" placeholder="请输入用户名"><br>
        密码：<input type="password"><br>
        <input type="radio" name="role" value="qq">qq
        <input type="radio" name="role" value="weixin">微信
        <input type="radio" name="role" value="weibo">微博
        <br>
        <input type="checkbox">记住我<br>
        <input type="button" value="logn"><a href="">忘记密码？</a>


    </form>
</div>
<div id="end" style="background-color:#FFA500" align="center"><i>版权@abc</i></div>
</div>
<div>
  <select class="ziti">
      <option>收藏</option>
      <option>点赞</option>
      <option>评论</option>
  </select>
    <ul class="zix">
        <li>母婴儿童</li>
        <li>每日彩妆</li>
        <li>服饰鞋包</li>
        <li>家居个护</li>
        <li>数码家电</li>
        <li>运动户外</li>
    </ul>


</div>





</body>
</html>

         

以上是关于10.19的主要内容，如果未能解决你的问题，请参考以下文章

js 10.19

7.16 10.19-10.22

10.19

10.19

10.19随笔

python 10.19作业