body部分
<body>
<!-- CTRL+/ 注释部分 -->
第一个HTML文档
<!-- html标签还是属性名都小写
常用标签学习:
块级标签(独占一行):h1-h6标题标签(由大到小),p段落标签
ul配合多个li无序列表,ol有序列表
table表格tr定义行,td定义列,th表头要在第一个tr里面 合并列colspan,合并行rowspan都加在td或th
行级标签(内联标签):img图片标签配合src使用,使用相对路径../跳出到上级目录
a超链接配合href指定路径 target属性_blank新窗口打开
单标签:br换行
相对路径:相对当前文件(./当前路径,../上级路径)
表单标签:form表单标签包含的表单元素才有效果,action提交地址,method提交方式
input 文本框type=text placeholder提示信息灰色,value初始值
密码框type=password
单选框type=radio 需要通过name属性确定类别,通过checked属性设置默认选择
复选框type=checkbox 通过checked属性设置默认选择
下拉框select option
文本域textarea
按钮 提交按钮 type=submit
普通按钮type=button
重置按钮type=reset
-->
以下是基础实例:
<form action="" method="" >
用户名<input type=" text" placeholder="请输入用户名" value="段老师"/><br />
密码<input type="password" placeholder="请输入密码"/><br />
性别:<input type="radio" name="sex" checked value="1"/>男
<input type="radio" name="sex" value="0"/>女<br />
爱好:<input type="checkbox" name="hobby" checked value="998"/>学Java
<input type="checkbox" name="hobby" value="997"/>学MySQL
<input type="checkbox" name="hobby" value="996"/>学HTML
<input type="checkbox" name="hobby" value="995"/>学MVC<br />
日期:<input type="date" /><br />
籍贯:<select name="pro">
<option value="10001">辽宁省 </option>
<option value="10002">山东省 </option>
<option value="10003" >黑龙江省 </option>
<option value="10004">曹县 </option>
<option value="10005">陕西省 </option>
</select><br />
个人简介:<textarea rows="10" cols="20"> </textarea><br />
<input type="submit" />
<input type="button" value="普通按钮"/>
<input type="reset" />
</form>
<h1>这是h1标签</h1>
<h2>这是h2标签</h2>
<h3>这是h3标签</h3>
<h4>这是h4标签</h4>
<h5>这是h5标签</h5>
<h6>这是h6标签</h6>
<p>这是p标签<br/>11111111111111</p><br />
<img src="img/logo.png" alt="图片显示异常" />
<br />
<a href="https://www.baidu.com/" target="_blank">百度地址超链接</a><br />
<a href="https://www.baidu.com/">百度地址超链接</a><br />
<a href="https://www.baidu.com/">百度地址超链接</a><br />
<!-- 无序列表 -->
<ul>
<li>段老师 </li>
<li>上课 </li>
<li>看小说 </li>
<li>回家玩游戏 </li>
</ul>
<!-- 有序列表 -->
<ol>
<li>段老师 </li>
<li>上课 </li>
<li>看小说 </li>
<li>回家玩游戏 </li>
</ol>
<table border="10" cellpadding="0" cellspacing="0">
<tr>
<th rowspan="2">Header1</th>
<th>Header2</th>
<th>Header3</th>
<th>Header4</th>
</tr>
<tr>
<td colspan="2">Data</td>
<td>Data</td>
</tr>
</table>
</body>