11.17 今天主要学习了一下“行内元素、块级元素和表格制作”,总的来说,收获较大,此课上了解了行内元素和块级元素的特征与区别,也知道了相关的标签格式,其次,老高还给我们讲了表格的制作方式和步骤,还有相关的标签,我因此了解了表格形式,有无序之类的问题,总之,感觉老师讲的还挺实用。
<!DOCTYPE html>
<!---->
<html>
<head>
<meta charset="UTF-8">
<link rel="icon" sizes="any" mask href="//www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg">
<title>百度一下,你就知道</title>
</head>
<body>
<!--行内元素:长度和宽度包裹内容,不会自动换行 -->
<img src="img/u=293626804,1643269753&fm=0&gp=0.jpg" title="辣眼睛" width="200px" /><br />
<a href="https://www.baidu.com" target="_blank">baidu</a><br />
<b>百度</b>S
<i>百度</i>
<del>百度</del>
<a href="https://www.4399.com" target="_blank" >4399</a>
<!--块级元素:长度填充整个副标记,高包裹内容,单独成行-->
<p style="font-size: 40px ;">河南工业大学</p>
<p>河南工业大学</p>
<div>河南工业大学</div>
<!--hn n:1~6-->
<h1 >河南工业大学</h1>
<h6>河南工业大学</h6>
<!--有序列表 ordered list-->
<ol start="2" type="i">
<li>语文</li>
<li>数学</li>
<li>英语</li>
</ol>
<!--无序列表 unordered list-->
<ul type="square" >
<li>语文</li>
<li>数学</li>
<li>英语</li>
</ul>
</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="female" /><label for="female">女</label>
</form>
</body>
</html>