23.2.20软工日记
下午上课学到了很多东西，学习就像学游泳，晚上学习了html的基础知识，并做了对应的代码笔记
<!DOCTYPE html></!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>xlm的菜鸟设计网页</title>
</head>
<!-- backfround：html的背景设置 -->
<body background="">
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
<p>666啊666。</p>
<p>
<!--_blank 使跳转到其他网页，而不是改变当前网页 -->
<!-- target的属性有：_balnk:空白（新）窗口,_parent,_selt：自身,_top -->
<a href="https://www.runoob.com" target="_blank">这是一个链接</a>
<br />
<!-- src:source 图片地址/路径 -->
<img decoding="async" src="picture/123.png" width="258" height="255"/>
</p>
<!-- List -->
<!-- ul:无序列表 -->
<ul>
<li>List Item1</li>
<li>List Item2</li>
<li>List Item3</li>
<li>List Item4</li>
</ul>
<!-- ol:有序列表 -->
<ol>
<!-- li:定义列表项 -->
<li>List Item1</li>
<li>List Item2</li>
<li>List Item3</li>
<li>List Item4</li>
</ol>
<!-- Table -->
<table>
<thead>
<!-- tr:table row表示表格行 -->
<tr>
<!-- th:table head表头 -->
<th>First name</th>
<th>Last name</th>
<th>Age</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<!-- td:table data表里数据 -->
<td>Lumeng</td>
<td>Xie</td>
<td>20</td>
<td>272080@qq.com</td>
</tr>
</tbody>
<tbody>
<tr>
<!-- td:table data表里数据 -->
<td>Ziheng</td>
<td>Wang</td>
<td>19</td>
<td>21222@qq.com</td>
</tr>
</tbody>
<tbody>
<tr>
<!-- td:table data表里数据 -->
<td>ikun</td>
<td>Chen</td>
<td>21</td>
<td>27240@qq.com</td>
</tr>
</tbody>
</table>
<!-- 换行符br /-->
<br />
<br />
<!-- hr:水平线，水平尺 -->
<hr>
<br />
<!-- Forms -->
<!-- action :如果提交这个表单，则跳转到form.js文件中 method:提交表单的方式 -->
<form action="form.js" method="post">
<div>
<label>First name</label>
<input type="text" name="firstname" placeholder="Enter First Name">
</div>
<div>
<label>Last name</label>
<input type="text" name="lastname" placeholder="Enter Last Name">
</div>
<div>
<label>age</label>
<input type="text" name="age" placeholder="Enter Age">
</div>
<div>
<label>email</label>
<input type="text" name="email" placeholder="Enter Email">
</div>
<input type="submit" name="submit" value="Submit">
</form>
<br>
<!-- Button -->
<button>this is a button</button>
<!-- Image -->
<!-- alternative:另外的，可供选择的 当图片未正常显示（裂开），会提示对应语句（ -->
<img style="width=100vw" src="picture/123.png" alt="this is a img tag">
<!--Quotation -->
<blockquote>
Lorem ipsum dolor <strong>amet consectetur</strong> adipisicing elit. Ducimus, <a href="https://baidu.com" target="blank">delectus</a> sunt dignissimos id <em>accusantium et quae, itaque rem, iusto</em> consectetur quod pariatur!
</blockquote>
<p><cite>yes okkk</cite>MIT is a colleage</p>
<div style="margin-top:1000px"></div>
<style>
#center{
color="red"
}
</style>
<div id="center; display:block">div效果</div>
<span style="background:pink ; display: inline" class="important""">span效果</span>
</body>
</html>
