每日记录（十）2022.03.02

今天学了很多，主要有网页的制作，但是不太熟练，明天继续

 

 

 

 

Html

一 视频图片音频

<!--

    资源路径：
    1.绝对路径：完整路径
    2.相对路径：相对位置关系
    xxx/heml/02-图pain音频视频.html
    xxx/html/a.jsp

    ./a.jpg  &  a.jpg

    xxx/heml/02-图pain音频视频.html
    xxx/img/a.jsp
    尺寸单位：
         1.px：像素
         2.百分比

-->
<img src="img/a.jpg" width="350" height="500">

 

<img src="https://ts1.cn.mm.bing.net/th/id/R-C.3745122e5760fe2283195293d76bc1e0?rik=YBMOcCcn7CX6Ig&riu=http%3a%2f%2fup.deskcity.org%2fpic%2f20%2fe4%2f4d%2f20e44dce0fe116832ba890edaf2ede32.jpg&ehk=vldj1pqTKyKgirU8ck%2f%2bJWEhtPm22Owe5VEmGNMeLpA%3d&risl=&pid=ImgRaw&r=0">

 

<audio src="b.mp3" controls></audio>

 

<video src="c.mp4" controls width="300" height="400"></video>

二  超链接标签

 

<!--

  

   href:指定访问资源的URL

   target：指定打开资源的方式

       _self：默认值，在当前页面打开

       _blank：在空白页面打开

-->

<a href="https://www.itcast.cn" target="_blank">点我有惊喜</a>

 

三  列表标签

<!--



  有序列表

     <ol type="A">

    <li>咖啡</li>

    <li>牛奶</li>

    <li>茶</li>



     </ol>

     输出1 2 3

     无序列表

     <ul type="circle">

    <li>咖啡</li>

    <li>牛奶</li>

    <li>茶</li>



</ul>

输出无序号



<li> 定义列表项

type:设置项目符号



-->

<ol type="A">

    <li>咖啡</li>

    <li>牛奶</li>

    <li>茶</li>



</ol>



<ul type="circle">

    <li>咖啡</li>

    <li>牛奶</li>

    <li>茶</li>



</ul>

 

表单标签—表单项

<form action="#" method="post">



    <input type="hidden" name="id" value="123">







    <label for="username">用户名：</label>



        <input type="text" name="username" id="username">

    <br>

    <label for="password">密码：</label>

    <input type="password" name="password" id="password">

    <br>



    性别：

    <input type="radio" name="gender" value="1" >男

    <input type="radio" name="gender" value="2">女



    <br>





    爱好：

    <input type="checkbox" name="hobby" value="1">旅游

    <input type="checkbox" name="hobby" value="2">电影

    <input type="checkbox" name="hobby" value="3">游戏

    <br>

    头像：

    <input type="file"><br>



    个人描述：

    <textarea cols="20" rows="5"></textarea>

    <br>

    城市;

    <select name="city">

        <option>上海</option>

        <option>北京</option>

        <option>天津</option>

    </select>











    <br>

    <input type="submit" value="免费注册">

    <input type="reset" value="重置">

    <input type="button" value="按钮">

</form>