- HTML：超文本标记语言，用一个个嵌套符标签显示页面
- 文件标签：构成html最基本的标签
- 文本标签：和文本有关的标签
- 图片标签、列表标签、链接标签、表格标签
- 内容分区：将文档内容从逻辑上进行组织划分，提高可读性
- 表单标签：用于输入数据，和服务器进行交互
- 理解要点，遇到不会直接查文档即可
<!DOCTYPE html> <!-- 文件类型说明 -->
<html lang="en"> <!-- 让浏览器知道程序开始了 -->
<head> <!-- 头标签 -->
<!-- 用于指定html文档的一些属性,引入外部的资源 -->
<meta charset="UTF-8">
<title>块标签</title>
</head>
<body> <!-- 体标签 -->
<h1> 我是一级标题 </h1>
<h2> 我是二级标题 </h2>
<h6> 我是六级标题 </h6>
<hr color="#ffd700"> <!-- 显示一条水平线 -->
<p>
这个是一个段落。<br/> <!-- 换行 -->
<b> 我变粗了。 <b/> <br/>
<i> 我变斜了。 <i/> <br/>
<font color="gray" size="2" >
<center>
我换字体了，
并且居中了。
</center>
</font>
</p>
<!--展示一张图片 -->
<img src="jiangxuan_5.jpg" align="right" alt="图片" width="300" height="300"/>
<!--有序列表 ol-->
早上起床干的事情
<ol type="1" start="1">
<li>睁眼</li>
<li> 看手机</li>
<li> 穿衣服</li>
<li> 洗漱</li>
</ol>
!-- 无序列表 ul-->
早上起床干的事情
<ul type="disc">
<li>睁眼</li>
<li> 看手机</li>
<li> 穿衣服</li>
<li> 洗漱</li>
</ul>
<!--超链接 a-->
<a href="http://www.baidu.com", target="_blank">我是一个超链接</a>
<br><br>
<span>文本信息在一行展示</span>
<span>文本信息在一行展示</span>
<br><br>
<div>每一个div占满一整行</div>
<div>每一个div占满一整行</div>
bgcolor="#faebd7" align="center">
<thead>
<caption>学生信息表</caption>
<tr>
<!-- <td>编号</td>
<td>姓名</td>
<td>成绩</td>-->
<th>编号</th>
<th>姓名</th>
<th>成绩</th>
</tr>
</thead>
<tbody>
<tr bgcolor="#7fffd4" align="center">
<td>1</td>
<td>小龙女</td>
<td>100</td>
</tr>
<tr>
<td>2</td>
<td>杨过</td>
<td>50</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>3</td>
<td>尹志平</td>
<td>10</td>
</tr>
</tfoot>
</table>
<hr>
<!--表单标签-->
<form action="#" method="get">
<label for="username"> 用户名 </label>：<input type="text" name="username" placeholder="请输入用户名" id="username"><br>
密码：<input type="password" name="password" placeholder="请输入密码"><br>
性别：<input type="radio" name="gender" value="male" > 男
<input type="radio" name="gender" value="female" checked> 女
<br>
爱好：<input type="checkbox" name="hobby" value="shopping"> 逛街
<input type="checkbox" name="hobby" value="java" checked> Java
<input type="checkbox" name="hobby" value="game"> 游戏<br>
图片：<input type="file" name="file"><br>
隐藏域：<input type="hidden" name="id" value="aaa"> <br>
取色器：<input type="color" name="color"><br>
生日：<input type="date" name="birthday"> <br>
生日：<input type="datetime-local" name="birthday"> <br>
邮箱：<input type="email" name="email"> <br>
年龄：<input type="number" name="age"> <br>
省份：<select name="province">
<option value="">--请选择--</option>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3" selected>陕西</option>
</select><br>
自我描述：
<textarea cols="20" rows="5" name="des"></textarea>
<br>
<input type="submit" value="登录" >
<input type="button" value="一个按钮" ><br>
<input type="image" src="img/regbtn.jpg">
</form>
</body>
</html>
扫一扫
2454
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
