HTML example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
<html></html>包含了两个子标签
<head></head> 设置基础参数信息
<body></body> 通知浏览器将指定内容以指定方式展示
-->
<!-- 段落标签 -->
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus quam, rem accusamus eius, consectetur velit libero, assumenda reprehenderit aut voluptate alias corrupti inventore soluta? Nobis quaerat deleniti consectetur exercitationem explicabo.</p>
<!-- 标题标签 -->
<h1>一级标题</h1>
<h6>六级标题</h6>
<!-- 有序列表标签 -->
<ol>
<li>China</li>
<li>America</li>
<li>English</li>
</ol>
<!-- 无序列表 -->
<ul>
<li>A</li>
<li>B</li>
</ul>
<!-- 列表标签嵌套使用 -->
<ul>
<li>职员管理
<ol>
<li>职员注册</li>
<li>职员查询</li>
<li>职员删除</li>
</ol>
</li>
<li>部门管理</li>
</ul>
<!-- 表格标签 -->
<!-- rowspan属性 colspan属性 可将单元格合并 -->
<table border="1" align="center">
<tr style="background-color: blueviolet;">
<td>部门</td>
<td>职员编号</td>
<td>职员姓名</td>
<td>职员薪酬</td>
</tr>
<tr align="center">
<td rowspan="2">后端</td>
<td>10</td>
<td>Mike</td>
<td>10000</td>
</tr>
<tr align="center">
<!-- <td>后端</td> -->
<td>15</td>
<td>Jack</td>
<td>3000</td>
</tr>
</table>
<table border="1">
<tr>
<td rowspan="2">名称</td>
<td colspan="2" align="center">科目</td>
</tr>
<tr>
<td>数学</td>
<td>语文</td>
</tr>
<tr>
<td>Mike</td>
<td>100</td>
<td>70</td>
</tr>
<tr>
<td>Jack</td>
<td>50</td>
<td>50</td>
</tr>
</table>
<!-- 图片标签 ./当前目录 ../上一级目录 -->
<center>
<img src="./img/01.jpg" alt="Dog" title="狗狗">
</center>
<!-- 超链接标签控制浏览器请求地址 -->
<a href="http://www.baidu.com">访问百度</a><br>
<a href="html note.html">HTML笔记</a>
<!-- 表单标签命令 -->
<form action="https://taobao.com">
<input type="submit" value="淘宝">
</form>
<!-- 通过超链接标签命令指定请求参数 -->
<a href="http://www.baidu.com?userName=mike&password=123">mike访问百度</a>
<!-- 通过表单域标签命令指定请求参数 -->
<center>
<form action="http://www.baidu.com">
<!-- type分别为文本框 密码框 单选框 多选框 文件选择框 重置按钮 提交按钮 -->
用户姓名<input type="text" name="userName" value=""><br>
用户密码<input type="password" name="password"><br>
<!-- checked标签表示默认的选择 -->
用户性别<input type="radio" name="sex"value="man" checked>男 <input type="radio" name="sex"value="woman">女<br>
擅长技术<input type="checkbox" name="tech" value="java">Java
<input type="checkbox" name="tech" value="c++">C++
<input type="checkbox" name="tech" value="mysql">Mysql <br>
<!-- 传文件注意使用POST请求方式 -->
用户头像<input type="file" name="myfile"><br>
<!-- disabled设置默认值不可更改 -->
你是人吗<input type="text" name="isPerson" value="yes" disabled><br>
<input type="reset">
<input type="submit">
</form>
</center>
<br><br><br><br><br>
<!-- SELECT标签传递请求参数 -->
<center>
<form action="http://www.baidu.com">
籍贯<select name="home" id="">
<option value="BJ">北京</option>
<option value="SH">上海</option>
<!-- 用selected表示默认选择 否则默认第一个 -->
<option value="QD" selected>青岛</option>
</select><br>
<input type="reset">
<input type="submit">
</form>
</center>
<!-- textarea多行文本框传递请求参数 -->
<form action="http://www.baidu.com">
备注信息<textarea name="tt" id="" cols="30" rows="10"></textarea>
</form>
</body>
</html>
扫一扫
1412
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
