一篇思维题题解：

第五周任务 [Cloned] - Virtual Judge (vjudge.net)

http://t.csdn.cn/SIHdM

快捷键：

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>标签。

常用于多行文本输入控件，可以输入更多的文字，该控件常用于留言板，评论。

    <from>今日反馈：<textarea>hello,world!</textarea></from>

属性：clos=“每行中的字符数”，rows=“显示的行数”。（在实际开发中不会使用，是通过CSS来改变大小）