表单类型
问题 1:
请依次写出以下类型的输入框。
1、 类型为密码,默认值为"nowcoder"
2、类型为复选框,且状态为已勾选
解答:
<form> <!-- 补全代码 --> <input type="password" value="nowcoder"/> <input type="checkbox" checked/> </form>
总结:
🥭🥭1、表单 input是单标签 ,但凡和输入相关的都用它。
🥭🥭2、password是密码,checked是选中checkbox, value默认值,这些都是固定的类型,记下来或者多敲敲就记住了。
表格结构
问题 2:
请写出具有表格标题为"nowcoder"的2行3列表格结构。
解答:
<table border=1px> <!-- 补全代码 --> <caption>nowcoder</caption> <tr> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <td>2</td> <td>2</td> <td>2</td> </tr> </table>
总结:
定义一个表格
被包含的都是一列
粗体的标题,是被包含的内容加粗
就是内容
table里面的border属性就是边界,可以看见小框框和小框框,小框框和大框框之间的距离都是1px,是不是看着太丑了,这个没关系,后面有css函数可以优化。
图像标签属性
问题 3:
请写出具有标题属性和代替文本属性的图片标签。
<!-- 补全代码 --> <img title="" alt="">
总结:
🥭🥭1、代替文本属性
🥭🥭2、title:鼠标移入图片显示的值 alt:图片无法加载时显示的图片
🥭🥭3、一般alt很常用,在工程项目中,一般项目很大由数十个人完成前端页面工作。假如项目在你的电脑上图片可以显示,别人的电脑运行同一个项目无法显示图片,这时候可以根据alt快速的找到是拿一张图片显示不出来,提高了问题解决的效率。
问题 4:
请写出可以在新窗口打开文档的a标签。
<!-- 补全代码 --> <a href="www.baidu.com" target="_blank">百度</a>
总结:
标签的href属性是跳转链接,项目中常用于项目内各功能页面跳转
默认target的值为_self,就是以当前页面加载跳转链接
target="_blank",
重新新建一个页面执行加载跳转