一篇思维题题解：
第五周任务 [Cloned] - Virtual Judge (vjudge.net)
K - Summer Vacation-CSDN博客
快捷键：
Ctrl+Alt+Down 向下选取
Ctrl+Alt+Up 向上选取（会出现多个光标，可以同时输入）
Ctrl+Enter 无论光标在哪个位置，都向下换行，与Enter有区别
超链接标签
链接分类
外部链接：例如 <a href="http://www.baidu.com">百度</a>
内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可，例如< a href="index.html"> 首页</a>
空链接：如果当时没有确定链接目标时，<a href="#"> 首页</a>
下载链接：如果href里面的地址是一个文件或者压缩包，会下载这个文件
网页元素链接：在当前文件中的各种网页元素，如文本，图表，表格，音频，视频等都可以添加超链接。
锚点链接：点击链接，可以快速定位到页面中的摸个位置。
- 在链接文本的属性中，设置属性值为 #名字 的形式，如<a href="#two">第二集</a>
- 找到目标位置的标签，在里面添加一个id属性=名字，如<h3 id="two">第二集介绍</h3>
注释标签和特殊字符
注释
如果需要在HTML文档中添加一些便于阅读和理解的注释文字，需要用到注释标签：
<!--
注释内容
-->快捷键：Ctrl+/
特殊字符
在HTML中，通常多个空格通常会被合并成一个空格，还有其他特殊字符，特殊字符的使用会使得前端代码更加灵活、简洁，提高了开发效率。
表单
<input>表单元素
button 定义可点击按钮
checkbox 定义复选框
file 定义输入自读和“浏览”按钮，供文件上传
hidden 定义隐藏的字段
image 定义图像形式的提交按钮
password 定义密码字段
radio 定义单选按钮
reset 定义重置按钮，重置按钮会清除表单中的所有数据
submit 定义提交按钮，提交按钮会把表单数据发送到服务端
text 定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符
<form>
<!-- text 文本框 用户可以在里面输入任何文字 -->
用户名：
<input type="text" maxlength="6" value="用户名" name="name">
<br>
<!-- password 密码框 用户看不见输入的密码 -->
密码：
<input type="password" name="pwd">
<br>
<!-- radio 单选按钮 可以实现多选 -->
<!-- name是表单的名字，这里性别多选按钮必须有相同的名字name，才可以实现多选一 -->
<!-- 单选按钮和复选框可以设置checked属性，当页面打开的时候可以默认选中这个按钮 -->
性别：
女<input type="radio" name="name" value="女" checked="checked">
男<input type ="radio" name="name" value="男">
<br>
<!-- checkbox 单选按钮 可以实现多选 -->
爱好：
吃饭<input type ="checkbox" name="hobby">
睡觉 <input type ="checkbox" name=""hobby>
打豆豆<input type ="checkbox" name="hobby">
<br>
<!-- 点击提交按钮，可以把表单域form里面的元素 里面的值 提交给后台 -->
<input type="submit" value="免费注册">
<!-- 重置按钮可以还原表单元素的初识默认状态 -->
<input type="reset" value="重新填写">
<!-- 普通按钮 button 后期结合js 搭配使用 不会提交信息-->
<input type="button" value="获取短信验证码">
<!-- 文件域 上传文件时使用 -->
上传头像：<input type="file">
</form>label标签
为input元素定义标签。
<label>标签用于绑定一个表单元素，当点击<label>标签内的文本是，浏览器就会自动将光标转到对应的表单元素上，用来增加用户体验。
<label for="nan">男</label>
<input type="radio" name="sex" id="nan">
<label for="nv">女</label>
<input type="radio" name="sex" id="nv">
select下拉表单
在页面中，如果用多个选项让用户选择，并且想节约页面空间时，可以使用<select>标签控制
<select>
<option>山东</option>
<option>北京</option>
<option selected="selected">天津</option>
</select><select>中至少要包含一对<option>
在<option>中定义selected="selected"使，当前项即为默认选中项。
textarea表单元素
当用户输入内容较多的情况下，不能使用文本框表单了，此时可以使用<textaera>标签。
常用于多行文本输入控件，可以输入更多的文字，该控件常用于留言板，评论。文章来源：https://www.toymoban.com/news/detail-494782.html
<from>
今日反馈：
<textarea>hello,world!</textarea>
</from>属性：clos=“每行中的字符数”，rows=“显示的行数”。（在实际开发中不会使用，是通过CSS来改变大小）文章来源地址https://www.toymoban.com/news/detail-494782.html
到了这里，关于html5前端学习2的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
