前端02
  c6WyTEwKUEYH 2023年11月02日 43 0

1、请写出表单中代表单选框的标签

radio

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        用户名:<input type="text"><br>
        密码:<input type="password"><br>
        <button>点击提交</button>
    </form>
    

    <video controls="" autoplay="" name="media">
        <source src="https://v2.kwaicdn.com/upic/2023/05/19/12/BMjAyMzA1MTkxMjE0NTZfMzQ1MDc0NzI1MV8xMDM0MDkzMTk1NzBfMV8z_hd15_Bc4757ee12da455bd13cc2ffe9cf32ebf.mp4?pkey=AAVEjh8Ag1mhZilFVXdtXXxPclQ9vIcXcmqkKYABwuIH4hfj-TmmpAIIci0pvUZNbIwTpsGX0X4amqmuVP5U16INvDbxz5GJlND27ll87xpg_KQ8c_vRJlIiBTSviAx_9cI&tag=1-1684569567-unknown-0-j0trhvmjqn-4f9a598096cfc8b3&clientCacheKey=3xyeq4vkwtzgbwk_hd15.mp4&di=7cf05a41&bp=14944&tt=hd15&ss=vp" type="video/mp4">
    </video>

    <p>_self是本地进行跳转</p>
    <p>_self是本地进行跳转</p>
    <a href="https:www.taobao.com" target="_blank">跳转到淘宝</a>
    <a href="https://www.bilibili.com/?spm_id_from=333.794.b_696e7465726e6174696f6e616c486561646572.1" target="_self">跳转到本地文件</a>

    <form action="">
        <input type="text">
        <input type="radio">
        <!-- form表单标签里面就是所有用户填写的表单数据;
	action="xxx.jsp"   把表单数据提交给哪一个后台程序去处理
	method="post"   传递数据时候的方式方法,post代表隐式提交数据;get明文传送数据
         -->
    </form>
    
</body>
</html>


2、请写出一个普通输入框

text

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        用户名:<input type="text"><br>
        密码:<input type="password"><br>
        <button>点击提交</button>
    </form>
    

    <video controls="" autoplay="" name="media">
        <source src="https://v2.kwaicdn.com/upic/2023/05/19/12/BMjAyMzA1MTkxMjE0NTZfMzQ1MDc0NzI1MV8xMDM0MDkzMTk1NzBfMV8z_hd15_Bc4757ee12da455bd13cc2ffe9cf32ebf.mp4?pkey=AAVEjh8Ag1mhZilFVXdtXXxPclQ9vIcXcmqkKYABwuIH4hfj-TmmpAIIci0pvUZNbIwTpsGX0X4amqmuVP5U16INvDbxz5GJlND27ll87xpg_KQ8c_vRJlIiBTSviAx_9cI&tag=1-1684569567-unknown-0-j0trhvmjqn-4f9a598096cfc8b3&clientCacheKey=3xyeq4vkwtzgbwk_hd15.mp4&di=7cf05a41&bp=14944&tt=hd15&ss=vp" type="video/mp4">
    </video>

    <p>_self是本地进行跳转</p>
    <p>_self是本地进行跳转</p>
    <a href="https:www.taobao.com" target="_blank">跳转到淘宝</a>
    <a href="https://www.bilibili.com/?spm_id_from=333.794.b_696e7465726e6174696f6e616c486561646572.1" target="_self">跳转到本地文件</a>

    <form action="">
        <input type="text">
        <input type="radio">
        <!-- form表单标签里面就是所有用户填写的表单数据;
	action="xxx.jsp"   把表单数据提交给哪一个后台程序去处理
	method="post"   传递数据时候的方式方法,post代表隐式提交数据;get明文传送数据
         -->
    </form>
    
</body>
</html>

3、表单标签是哪一个?

form

4、简述相对路径的定义和书写特点?

相对路径:相对于当前html文件去找其它资源的方式

                           (1)同级查找:当前html和目标在同一级目录中;语法:直接写资源的名字即可

                           <img src="t1.gif" alt="" />

                          

                          

                           (2)上级查找:当前html和目标在上级目录中;语法:../写资源的名字即可

                           <img src="../t1.gif" alt="" />

                          

                          

                           (3)下级查找:当前html和目标在下级目录中;语法:文件夹名/写资源的名字

                           <img src="tu/t1.gif" alt="" />


5、绝对路径是什么?

是固定到某一个位置,也就是说在以我自己的电脑上C:/音乐/test.jpg

但是文件移动到你的电脑那边就不一定你的文件也在C:/音乐/test.jpg


绝对路径:资源在电脑中的具体位置(复制电脑中具体位置的时候,别忘了加这个资源的具体名字,以及斜杠!)

6、设置两个超链接,一个跳转到淘宝,一个新窗口打开本地的html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        用户名:<input type="text"><br>
        密码:<input type="password"><br>
        <button>点击提交</button>
    </form>
    

    <video controls="" autoplay="" name="media">
        <source src="https://v2.kwaicdn.com/upic/2023/05/19/12/BMjAyMzA1MTkxMjE0NTZfMzQ1MDc0NzI1MV8xMDM0MDkzMTk1NzBfMV8z_hd15_Bc4757ee12da455bd13cc2ffe9cf32ebf.mp4?pkey=AAVEjh8Ag1mhZilFVXdtXXxPclQ9vIcXcmqkKYABwuIH4hfj-TmmpAIIci0pvUZNbIwTpsGX0X4amqmuVP5U16INvDbxz5GJlND27ll87xpg_KQ8c_vRJlIiBTSviAx_9cI&tag=1-1684569567-unknown-0-j0trhvmjqn-4f9a598096cfc8b3&clientCacheKey=3xyeq4vkwtzgbwk_hd15.mp4&di=7cf05a41&bp=14944&tt=hd15&ss=vp" type="video/mp4">
    </video>

    <p>_self是本地进行跳转</p>
    <p>_self是本地进行跳转</p>
    <a href="https:www.taobao.com" target="_blank">跳转到淘宝</a>
    <a href="https://www.bilibili.com/?spm_id_from=333.794.b_696e7465726e6174696f6e616c486561646572.1" target="_self">跳转到本地文件</a>

    
</body>
</html>


小视频还是快手比较能拿出链接出来

抖音都不知道怎么拿出来,拿出来的还是照片。。。

7、a标签中href属性设置井号代表什么?会有什么效果?

无效果   空吧


8、写出音频、视频标签的单词

audio

video

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        用户名:<input type="text"><br>
        密码:<input type="password"><br>
        <button>点击提交</button>
    </form>
    

    <video controls="" autoplay="" name="media">
        <source src="https://v2.kwaicdn.com/upic/2023/05/19/12/BMjAyMzA1MTkxMjE0NTZfMzQ1MDc0NzI1MV8xMDM0MDkzMTk1NzBfMV8z_hd15_Bc4757ee12da455bd13cc2ffe9cf32ebf.mp4?pkey=AAVEjh8Ag1mhZilFVXdtXXxPclQ9vIcXcmqkKYABwuIH4hfj-TmmpAIIci0pvUZNbIwTpsGX0X4amqmuVP5U16INvDbxz5GJlND27ll87xpg_KQ8c_vRJlIiBTSviAx_9cI&tag=1-1684569567-unknown-0-j0trhvmjqn-4f9a598096cfc8b3&clientCacheKey=3xyeq4vkwtzgbwk_hd15.mp4&di=7cf05a41&bp=14944&tt=hd15&ss=vp" type="video/mp4">
    </video>

    <p>_self是本地进行跳转</p>
    <p>_self是本地进行跳转</p>
    <a href="https:www.taobao.com" target="_blank">跳转到淘宝</a>
    <a href="https://www.bilibili.com/?spm_id_from=333.794.b_696e7465726e6174696f6e616c486561646572.1" target="_self">跳转到本地文件</a>

    <form action="">
        <input type="text">
        <input type="radio">
        <!-- form表单标签里面就是所有用户填写的表单数据;
	action="xxx.jsp"   把表单数据提交给哪一个后台程序去处理
	method="post"   传递数据时候的方式方法,post代表隐式提交数据;get明文传送数据
         -->
    </form>
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=2046805446&auto=1&height=66"></iframe>
    
</body>
</html>

9、实现以下效果:

前端02_ide

前端02_html_02


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        用户名:<input type="text"><br>
        密码:<input type="password"><br>
        <button>点击提交</button>
    </form>
</body>
</html>

10、大盒子、小盒子分别是那个标签?

 div

span

 

 

 

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  1BVmdlLr07sm   2023年11月30日   68   0   0 HTMLcss
  zFuRQk3CQVR7   2023年11月02日   35   0   0 图像质量边缘增强ide
c6WyTEwKUEYH
最新推荐 更多