一篇思维题题解:
第五周任务 [Cloned] - Virtual Judge (vjudge.net)
http://t.csdn.cn/SIHdM
超链接标签
链接分类
外部链接:例如 <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文档中添加一些便于阅读和理解的注释文字,需要用到注释标签:
<!--
注释内容
-->
特殊字符
在HTML中,通常多个空格通常会被合并成一个空格,还有其他特殊字符,特殊字符的使用会使得前端代码更加灵活、简洁,提高了开发效率。
表单
<input>表单元素
<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>标签内的文本是,浏览器就会自动将光标转到对应的表单元素上,用来增加用户体验。
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来改变大小)