HTML概述
（1）超文本标记语言：Hyper Text Markup Language
（2）HTML文件由一组标签构成，经过浏览器解析之后可以显示网页内容。
（3）HTML文档的构成
html基本语法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- ①标签不能交叉嵌套 -->
正确：<p><i>早安，Alex</i></p>
错误：<p><i>早安，Alex</p></i>
<!-- ②标签必须正确关闭 -->
<!-- i.有文本内容的标签： -->
正确：<p>早安，Alex</p>
错误：<p>早安，Alex
<!-- ii.没有文本内容的标签： -->
正确：aaaaaa<br />bbbbbbbb
错误：aaaaaa<br>bbbbbbbb
<!-- ③属性必须有值，属性值必须加引号 -->
正确：<font color="blue">早安，Alex</font>
错误：<font color>早安，Alex</font>
错误：<font color=red>早安，Alex</font>
<!-- ④注释不能嵌套 -->
正确：<!-- 注释内容 -->
错误：<!-- 注释内容<!-- 嵌套的注释 --> 溢出的注释 -->
</body>
</html>表格
<table border="1" align="center" width="80%">
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</table> 超链接
<a href="pages/target.html">跳转到目标页面</a>表单
from标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 创建表单 -->
<!-- 使用form标签定义表单
使用action属性指定提交数据的位置
使用method属性指定提交数据的方式
GET：会将提交的数据附着在URL地址后面，在浏览器地址栏可以看到
POST：不会提交的数据附着在URL地址后面，在浏览器地址栏看不到 -->
<form action="target.html" method="post">
用户名：<input type="text" name="userName" /><br /><br />
密码：<input type="password" name="password" /><br /><br />
<!-- 提交按钮：type="submit"，使用value属性指定它是页面上显示的文字 -->
<input type="submit" value="登录" />
</form>
</body>
</html>GET：会将提交的数据附着在URL地址后面，在浏览器地址栏可以看到
POST：不会提交的数据附着在URL地址后面，在浏览器地址栏看不到
文本框
<input type="text" name="username" />
密码框
<input type="password" name="password" />单选框
性别：
<input type="radio" name="gender" value="male" />男生
<input type="radio" name="gender" checked="checked" value="female" />女生多选框
你喜欢的足球队
巴西<input type="checkbox" name="soccerTeam" value="Brazil" />
德国<input type="checkbox" name="soccerTeam" value="German" />
荷兰<input type="checkbox" name="soccerTeam" value="Holland" />插入图片
<img alt="" src="img/a.jpg">列表
<!-- 在这里创建无序列表 -->
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<!-- 在这里创建有序列表 -->
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li>/li>
</ol>
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
