一、html
<html>
<head>
<meta charset="UTF-8"/>
<title></title>
</head>
<!--可以嵌套但不能交叉嵌套-->
<!--标签要正确结束-->
<!--属性="属性值" 或 属性='属性值'-->
<body>
</body>
</html>
- 常见的标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title></title>
</head>
<!--可以嵌套但不能交叉嵌套-->
<!--标签要正确结束-->
<!--属性="属性值" 或 属性='属性值'-->
<body>
<!--标题标签,数字越小字越大-->
<h1>...</h1>
<h2>...</h2>
<!--段落标签,段间空一行-->
<p>,,,,,, </p>
<p>,,,,,, </p>
<br /> <!-- 换行-->
<hr /> <!-- 水平分割线-->
<!--无序列表ul定义列表,li定义列表项-->
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>榴莲</li>
</ul>
<!--有序列表ol定义列表,li定义列表项-->
<ol start="5"> <!-- 从5开始 -->
<li>香蕉</li>
<li>苹果</li>
<li>榴莲</li>
</ol>
<!--图片标签 img alt属性:如果找不到图片。提示内容; src属性:图片路径(相对路径或绝对路径)-->
<img alt="" src=""/>
<!--内联框架 iframe,src为资源路径 高宽可自己设置-->
<iframe src="" width="" height="" name="targetFrame"> </iframe>
<!--超链接a,
target规定在何处打开链接文档:
_blank(新开一个窗口)
_self(在当前窗口打开)
framename(表示在哪个frame打开,与iframe配合使用)-->
<a href="www.baidu.com" target="targetFrame">我是超链接</a>
<!--绝对路径:以/开始的路径都是绝对路径
相对路径:不以/开始的路径都是相对路径,引入的资源相当对当前资源的位置
../表示上一级
-->
<!--表格 table 定义表格,tr表示行,td表示列,border表示边线-->
<!--去掉边距-->
<table border="1" style="border-collapse:collapse">
<!--th定义表头-->
<tr>
<th>姓名</th>
<th>性别</th>
<th>爱好</th>
</tr>
<tr>
<!--一次跨2列-->
<td colspan="2">张三</td>
<td>男</td>
<td>篮球</td>
</tr>
<tr>
<!--一次跨2行-->
<td rowspan="2">张三</td>
<td>男</td>
<td>篮球</td>
</tr>
</table>
<!--表单:把数据提交给服务器,数据是用户填写的
form定义一个表单
action:数据要提交的资源的位置
method:表单的提交方式有get和post方式
get:提交的数据被追加到地址栏
post:数据被隐藏,不被追加到在地址栏
name:定义表单项的名
value:定义表单项的值
浏览器地址框中?的后面是
表单提交多个表单项,键值对以&连接-->
<form action="" method="get/post">
<!--name:定义表单项的名
value:定义表单项的值
浏览器地址框中?的后面是
表单提交多个表单项,键值对以&连接-->
用户名:<input type="text" name="" value=""/>
密码:<input type="password" name="pwd" value=""/>
<input type="submit" value=""/>
<!--radio表示单选,name一致时表示同一组,才可以实现单选,name与value为键值对
-->
性别:男<input type="radio" name="sex" value="male"/>
女<input type="radio" name="sex" name="female"/>
<!--checkbox同一组的name应相同-->
爱好: 香蕉<input type="checkbox" name="aihao" value="xiangjiao"/>
苹果<input type="checkbox" name="aihao" value="pingguo"/>
茶叶蛋<input type="checkbox" name="aihao" value="chayedan"/>
<!--select定义一个下拉列表-->
最喜欢的老师:
<select name="teacher">
<option value="lin">林老师</option>
<option value="liu">刘老师</option>
<option value="lan">兰老师</option>
</select>
</form>
<!--转义字符,浏览器不管有多少空格,都默认一个
"空格": " < ":< " > ":> " " ":" " & ":&
-->
</body>
</html>