一:小例程
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>第四天</title>
</head>
<body>
<div>行路难,行路难,</div><div>多歧路,</div><div>今安在?</div>
<hr>
<form>
用户名:<input type="name" name="jude">
<br>
密码:<input type="password" name="112233">
<br>
<input type="submit">
<input type="button" value="取消">
</form>
<hr>
<form>
<input type="radio" name="age" value="age">A:14
<input type="radio" name="age" value="age">B:15
<input type="radio" name="age" value="age">C:16
<input type="radio" name="age" value="age">D:17
</form>
<hr>
<form>
<input type="checkbox" name="Transportation" value="bike"> Bike<br>
<input type="checkbox" name="Transportation" value="bus"> Bus<br>
</form>
<hr>
<p>下拉列表</p>
<form action="">
<select name="age">
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
</select>
</form>
<hr>
<iframe src="domo_iframe.htm" frameborder="0"></iframe>
<hr>
<p style="background-color:#00F0FF">我是有颜色的一句话</p>
<p style="background-color:rgb(0,130,255)">我是有颜色的一句话</p>
<p style="background-color:blue">我是有颜色的一句话</p>
<hr>
</body>
</html>
二:知识点
1:<div>元素是块级元素,可用于组合其他HTML元素的容器,其没有特定的含义,浏览器会在其前后显示折行。常用于文档布局。
2:表单元素<form>是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
多数情况下被用到的表单标签是输入标签(<input>)。
3:HTML框架<iframe> ,可以在同一浏览器窗口显示不止一个页面
frameborder 属性用于定义iframe表示是否显示边框,,属性值设为0,移除iframe边框
height 和 width 属性用来定义iframe标签的高度与宽度。属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%")
iframe 可以显示一个目标链接的页面,目标链接的属性必须使用 iframe 的属性
4:HTML颜色由红色、绿色、蓝色混合而成,此值有一个十六进制符号来定义,最小值0(#00),最大值255(#FF)
浏览器支持的颜色名以及对应值参考:HTML 颜色名 | 菜鸟教程
5:HTML中的字符实体参考:HTML ISO-8859-1 参考手册 | 菜鸟教程
6:总结:HTML常用标签速查列表:HTML 速查列表 | 菜鸟教程
7:其他知识:标签简写及其全称:HTML 标签简写及全称 | 菜鸟教程
8:XHTML 是以 XML 格式编写的 HTML。
如何将HTML转换为XHTML:
- 添加一个 XHTML <!DOCTYPE> 到你的网页中
- 添加 xmlns 属性添加到每个页面的html元素中。
- 改变所有的元素为小写
- 关闭所有的空元素
- 修改所有的属性名称为小写
- 所有属性值添加引号