一篇思维题题解:
第五周任务 [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来改变大小)