首页 > 其他分享 >前端02

前端02

时间：2023-05-20 18:07:44浏览次数：29  
标签：02 用户名 前端 html 本地 跳转 Document self

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_表单

前端02_表单_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

 

 

 

标签：02,用户名,前端,html,本地,跳转,Document,self
From： https://blog.51cto.com/u_16120675/6317640

相关文章

  • 2023中国重庆医疗器械博览会|医疗器械影像展|医疗自动化机器人设备展览会
    2023中国重庆医疗器械博览会|医疗器械影像展|医疗自动化机器人设备展览会时间：2023年11月8～10日  地点：重庆国际博览中心（悦来） 展会前景：医疗器械行业涉及医学、机械、电子及控制、材料科学等多个学科，是一个多学科交叉、知识密集、资金密集的高技术产业。而高新技术医疗设备的基......
  • 2023新手小白注册谷歌Gmail账号此号码无法用于验证的解决方法，谷歌账号注册详细步骤！
    网友在注册谷歌账号时都会遇到提示”此号码无法用于进行验证“导致注册失败。具体原因是什么？又该如何进行注册？需要解决哪些问题？首先，必须要只知道的是网络很多网友传言中国手机无法申请注册谷歌Gmail邮箱，这完全是子虚乌有的事情。除了Googlevoice虚拟号码以外的任何手机号都能注册......
  • Photoshop 2023 (ps 2023) for Mac v24.2中文版
    新版Photoshop 2023mac中文版是一款图像处理软件。Photoshop主要处理以像素所构成的数字图像，使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps2023有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。使用可帮助用户更高效的处理您的图片和照片。ps2023中文......
  • 10. CMDB前端开发-IDC管理
    10.CMDB前端开发-IDC管理CMDB前端开发-IDC管理IDC管理首先需要将布局做一下调整，目录结构如下删除原先的A~C.vue文件，修改router/index.js路由文件如下：...constroutes=[{path:'/login',name:'登录',component:()=>import('../views/Login.vu......
  • C/C++学生宿舍管理系统[2023-05-20]
    C/C++学生宿舍管理系统[2023-05-20]课程报告任务书题目学生宿舍管理系统主要内容用C语言开发一个简单的学生宿舍管理系统。实现宿舍信息管理，用户信息管理以及住宿管理功能。【数据结构】1．宿舍信息。包括：宿舍编号、所属楼号，所属楼层、面积、床位数等。2．登陆账号信息。包括：......
  • Revit二次开发实战02（选择对象Selection）
    Revit二次开发实战 Selection主要用于和用户交互，通过用户的选择，设置操作对象，以便进行处理；Selection属于界面操作的范畴，因此位于UIDocument类下面，而不是Document类下面；可以选择一个对象、多个对象、选择点、选择矩形框、框选多个对象等；通过过滤器可以提供一个强大的功能，可以......
  • C/C++家谱管理[2023-05-20]
    C/C++家谱管理[2023-05-20]家谱管理中国历史悠久，中华民族有五千年的文明史。从远古的神话传说时代、尧舜禹的禅让、夏商西周、东周春秋战国的百家争鸣、秦汉一统、三国战乱、魏晋南北朝的民族大融合、隋唐五代光辉灿烂的文化直到宋元明清帝制结束。五千年的历史留给我们的是无尽......
  • CVPR 2023 | 神经网络超体？新国立LV lab提出全新网络克隆技术
    前言 神经网络开发到100%会发生什么？神经网络的究极形态又是什么？何为网络超体？上述问题的答案可能可以在电影超体（Lucy）中找到。本文转载自机器之心仅用于学术分享，若侵权请联系删除欢迎关注公众号CV技术指南，专注于计算机视觉的技术总结、最新技术跟踪、经典论文解读、CV招聘信息......
  • 前端个人体系
    栈内技术前端工具GitGit基本操作GitFlowVScodeChromeDevToolsNpmyarnpnpmAPIfox编程知识储备浏览器基础计算机网络浏览器渲染原理跨域浏览器存储数据结构堆栈、队列、数组链表、树、图算法排序算法、去重递归、回溯设计模......
  • 常见前端安全问题总结
    一、XSS攻击全称跨站脚本攻击，简称XSS攻击，攻击者通过在目标网站上HTML注入篡改网页来插入恶意脚本，当用户在浏览网页时获取用户的cookie等敏感信息，进一步做一些其他危害的操作。根据攻击的来源，该攻击还可以分为：1）存储型攻击：一般是在有评论功能的网站将恶意代码当作评论内容存储到......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99