1. <!DOCTYPE>、lang、charset
<!DOCTYPE>
:文档类型声明,作用:告诉浏览器使用哪种HTML版本来显示网页。- lang:告诉浏览器这是个什么主语言的网页,en英文,zh-CN中文
- charset:字符集。
<head><meta charset='UTF-8'></head>
2. div、span
- div:大盒子,一个div占一行
- span:小盒子,多个span可以共占一行
3. img(alt、title)
- alt属性:图片不能正常显示时显示的文字
- title属性:提示文本,鼠标放到图像上提示的文字
4. a(target属性、锚点链接)
-
target属性:1)
_self
:默认,当前窗口跳转;2)_blank
:新窗口跳转 -
锚点链接:1)
<a href="#balabala">点击跳转</a>
2)
<h6 id=balabala>目标位置</h6>
5. table(<th>
、cellpadding、cellspacing、合并单元格)
-
<th>
:表头单元格,放在第一行<tr>
标签中 -
cellpadding属性:表格内容与表格单元的间距
-
cellspacing属性:各表格单元的间距,默认2px,一般设为0
-
合并:1)
<td rowspan="需要合并的个数"></td>
:跨行合并 2)
<td colspan="需要合并的个数></td>"
:跨列合并 注:合并之后要删除多余的单元格
6. form(input、select、textarea)、label
-
<form action="url地址" method="POST" name="名字"> 用户名:<input type="text" name="username" value="请输入用户名" maxlengh="最大输入长度"> <br> 密码:<input type="password" name="pwd"> <br> <!-- 单选按钮必须有相同的name属性才能实现多选一 --> <!-- checked属性:默认选中 --> 性别:男<input type="radio" name="sex" value="1" checked="checked"> 女<input type="radio" name="sex" value="2"> <br> 爱好:吃饭<input type="checkbox" name="hobby" value="1"> 睡觉<input type="checkbox" name="hobby" value="2"> <br> 籍贯: <select> <option>北京</option> <option selected="selected">上海</option> </select> <br> 个人简介:<textarea>请输入个人简介</textarea> <br> 上传文件:<input type="file"> <br> <input type="submit" value="XX"(默认"提交")> <input type="reset" value="XXX"(默认"重置")> </form>
-
<label>
:为了增加用户体验。绑定一个表单元素,点击文本时让光标自动对应到表单元素上。使用:label的for属性要对应到所选标签的id属性
<input type="radio" id="man"><label for="man"> 男 </label>