1.我的第一个HTML文件 001-我的第一个HTML页面.html
根:<HTML></HTML>
注释:<!--注释-->
头 :<head></head>
标题栏:<title></title>
网页体:<body></body>
2.基本标签 002-基本标签.html
段落标签
paragraph 段落
分段:<p></p>
标题字
headline 大写标题
标题:<h1>标题字</h1>
换行(独目标记)
blank row 空白行
<br>
水平线(独目标签)
Horizontal Route 水平线
<hr>
<hr color ="red">
预留格式
保留格式:<pre></pre>
粗体字
bold 粗体
<b></b>
斜体字
italics 斜体字
<i></i>
插入字
<ins></ins>
删除字
<del></del>
右上角加字
<sup></sup> 10<sup>2</sup>
右下角加字
<sub></sub>
font标签
<font></font>
<font color="red" size=10></font>
3.实体符号 003-实体符号.html
空格
No-Breaking SPace 不间隔空格
大于号
greater than 大于
>
小于号
less than 小于
<
4.表格
004-表格
<table></table>
边界:border 像素pixel 排列:align
<table border="1px" width="300px" align="center">
<tr></tr> table row 行
<td></td> table data cell 单元格数据
005-表格-单元格的合并
列合并:colspan
行合并:rowspan
span 跨度
006-表格-th标签
<th></th>
table header cell
可以代替<td></td>,表示表头单元格,内容会自动加粗
007-表格-thead-tbody-tfoot
thead 表格头部
将table分为三部分,为javascript提供方便
008-背景颜色和背景图片
背景颜色
<body bgcolor="blue"></body>
背景图片
<body background="img/xihu"></body>
009-图片
图片 <img src="img/tree.jpg" title="**" width="200px"></img>
加载失败时的提示信息
alt 图像无法显示时的替代文本
<img src="img/error" alt="图片找不到了">
010-超链接
超链接:hot references
网络中的路径
<a href="http://www.baidu.com"> 百度 </a>
本地表格
<a href="001-我的第一个HTML页面.html">本地表格</a>
图片链接
嵌套
<a href="http://www.baidu.com">
<img src="img/tree.jpg" width="50%" title="点击我可以跳转">
</a>
target属性
_blank 新窗口
_self 当前窗口
_partent 当前窗口的父窗口
_top 当前窗口的顶级窗口
<a href="http://www.baidu.com" target="_blank">当前窗口</a>
内部窗口
<iframe src="img/tree.jpg"></iframe>
frame : 框架
表单
011-表单
主要作用:收集用户数据
表单
<form action="url"></form>
method:
get : 请求行上提交数据,显示到url
post:请求体中提交数据,不会显示到url
提交按钮
<input type="submit" value="百度">
011-列表
无序列表 unorder list <ul type="square"></ul>
有序列表 order list <ol type="A"></ol> //A B C D
列表项 <li></li>
012-登录表单
密码框<input type="password" name="*" >
表单提交数据格式:url?name=value&name=value&name=value
name:用name表单才可以提交数据
value:用户输入数据
013-注册表单
单选按钮: radio value:程序员提供 checked:默认选择此项
复选按钮:checkbox
下拉列表:
<select name="?"></select>
列表项 <option value="?"></option>
文本域:<textarea></textarea>
提交按钮 submit
重置按钮 reset
普通按钮 button
014-下拉表单多选
显示多个条目 size
multiple 多选
015-文件上传
file
<input type="file">
016-hidden
隐藏域提交,页面看不到,但是会提交
hidden
017-readonly/disable
readonly :可以提交数据给服务器
disable:不可以提交数据
018-maxlength
规定输入字段的最大长度
019-id
020-div和span
都是盒子
div 独占行
span 不会独占行