<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
table{
border: 1px solid black;
border-spacing: 0px;
border-collapse: collapse;
}
th,td{
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th>序号</th><th>姓名</th><th>性别</th><th>年龄</th>
</tr>
<tr>
<th>1</th><th>jim</th><th>男</th><th>18</th>
</tr>
<tr>
<th>2</th><th>lucy</th><th>女</th><th>17</th>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form>
<!--form表单,用来向服务器传递数据-->
<!--隐藏框-->
<input type="hidden" />
<!--文本框-->
<input type="text" placeholder="请输入姓名"/>
<!--密码框-->
<input type="password" placeholder="密码"/>
<!--文件框-->
<input type="file" />
<!--下拉框-->
<select>
<option>请选择</option>
<option>河南省</option>
<option>河北省</option>
<option>安徽省</option>
</select>
<!--文本域-->
<textarea>
</textarea>
<!--单选框-->
<input type="radio" name="sex" id="male"/><label for="male">男</label>
<input type="radio" name="sex" id="famale" /><label for="famale">女</label>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
标注:shift + ctle + /
<!--行内元素;长度宽度包裹内容。不自动换行-->
<a href="http://www.baidu.com">百度</a>
<b>百度</b>
<i>百度</i>
<del>百度</del>
<span>百度</span>
<!--块级元素,长度填充成整个附标记,高度包裹内容,单独成行-->
<p style="font-size: 36px;">工业大学</p>
<p style="text-align: center;">工业大学</p>
<div>郑州大学</div>
<!--有序列表 ordered list-->
<ol>
<li>语文</li>
<li>数学</li>
<li>英语</li>
</ol>
<!--无序列表unordered list-->
<ul>
<li>语文</li>
<li>数学</li>
<li>英语</li>
</ul>
</ul>
<!--hn n 1-6-->
<h1 style="text-align: center;">河工大</h1>
<h6 style="text-align: center;">河工大</h6>
</body>
</html>
标注:shift + ctle + /
</textarea>
<!--单选框-->
<input type="radio" name="sex" id="male"/><label for="male">男</label>
<input type="radio" name="sex" id="famale" /><label for="famale">女</label>
</form>
</body>
</html>
学习感悟:老师都很热情,让我更乐意学这个学科,今天学的有点多,但有些之前学过,所以还是可以接受的,感觉自己又成长了一点点。今天的标签有点多,还要花些时间来记,其余的感觉已经掌握的差不多啦,希望自己能保持目前的学习热情。