html学习总结


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Longfei's the first html files</title>
</head>
<body background="../resources/pages/photo.png" bgcolor="#8a2be2" >
<!--hello world!-->
<!--below are the title tags-->
<a name="top">I love the world!</a>
<h1>I love the world!</h1>
<h2>I love the world!</h2>
<h3>I love the world!</h3>
<h4>I love the world!</h4>
<h5>I love the world!</h5>
<h6>I love the world!</h6>
<hr><hr>
<!--below are passage tags-->
<p><em>一、这个世界很奇怪,人家每次需要帮忙你都义不容辞,人家并不会感激你,反而哪天不帮了还要埋怨你。而如果你一直不冷不热,偶尔帮人一次,人立刻感恩戴德。所以说,有些不懂得感恩的人,千万不要天天对他好,只有偶尔对他好一下,他才会感激。</em></p>

<p><em>二、我只爱爱我的人,因为我不懂怎样去爱一个不爱我的人。---张小娴《谢谢你离开我》</em></p>

<p><em>三、最好的感情是:没有恐惧。没有失去的恐惧、没有讨好的恐惧、没有怀疑爱的恐惧、没有见不到的恐惧、没有隐瞒的恐惧、没有对未来的恐惧、没有外在干扰的恐惧、没有压抑妥协的恐惧。没有恐惧,就能全然接受给予,爱在安全放松下只会累积。他可以是他,你依然是你。你们是纯粹安然的彼此。</em></p>>

<p><em>四、不要嘲笑别人的疤,那只是你没有经历过的伤。</em></p>

<p><em>五、所有分开的理由,都是不够爱的借口。</em></p>

<p><em>六、有些事,想多了头疼,想通了心疼。</em></p>
<!--below are some line break labels-->
<hr><hr>
<br>
<strong>《静夜思》</strong>
<br>
<strong>床前明月光,</strong>
<br>
<strong>疑是地上霜。</strong>
<br>
<strong>举头望明月,</strong>
<br>
<strong>低头思故乡。</strong>
<br>
<hr><hr>
<!--below are the list tags-->
<ol>
<li><strong>《赋得古原草送别》</strong></li>
<li><strong>离离原上草,</strong></li>
<li><strong>一岁一枯荣。</strong></li>
<li><strong>野火烧不尽,</strong></li>
<li><strong>春风吹又生。</strong></li>
</ol><hr>
<ul>
<li><strong>《垂钓》</strong></li>
<li><strong>蓬头稚子学垂纶,</strong></li>
<li><strong>侧坐莓苔草映身。</strong></li>
<li><strong>路人借问遥招手,</strong></li>
<li><strong>怕得鱼惊不应人。</strong></li>
</ul>
<hr>
<dl>
<dt>friends</dt>
<dd>大神</dd>
<dd>若海</dd>
<dd>姐姐</dd>
<dd>张璐瑶</dd>
<dt>schoolmates/dt>
<dd>张一鸣</dd>
<dd>王小航</dd>
<dd>王昱</dd>
<dd>崔洪程</dd>

</dl>

<hr>
<hr>
<!--below are the table labels-->
<table border="1px" bgcolor="green">
<tr bgcolor="#00008b">
<td colspan="2">1-1</td>
<td>1-2</td>


</tr>
<tr>
<td rowspan="3">2-1</td>
<td>2-2</td>
<td>2-3</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
</tr>

</table>
<hr>
<hr>
<img src="../resources/pages/photo2.png" alt="月夜" title="月夜"width="309px"height="201"px>
<hr>
<hr>
<audio src="../resources/audio/新錄音%2014.m4a " controls ></audio>
<hr>
<hr>
<video src="../resources/vedio/5af8514d950767de3f61a0dd08b36efe.mp4" controls></video>
<hr>
<hr>
<a href="https://baidu.com" target="_blank"><em>百度一下</em></a>
<br/>
<a href="helloworld.html" target="_blank">你好世界!</a>
<br>
<a href="#top">Clicking me will go back to top!</a>
<br>
<a href="helloworld.html#Hello">hello</a>
<br>
<a href="mailto:3094037320@qq.com">longfei's email</a>
<hr>
<hr>
<iframe src="https://www.bilibili.com" width="1500px" height="650px"></iframe>
<hr>
<hr>
<form action="helloworld.html" method="post">
<p><strong>username:</strong><input type="text" name="username"></p>
<p><strong>password:</strong><input type="password" name="password"></p>
<p><strong>sex:</strong><input type="radio" name="sex">男
<input type="radio" name="sex">女</p>
<p>
<strong>hobby:</strong>
<input type="checkbox" name="hobby">girls
<input type="checkbox" name="hobby">reading
<input type="checkbox" name="hobby">games
<input type="checkbox" name="hobby">swimming
</p>
<p>
<red><strong>国籍:<br></strong></red><select name="nationality">
<option value="China">中国</option>
<option value="Jepanses">日本</option>
<option value="America" selected>美国</option>
<option value="Germary">德国</option>
</select>
</p>
<p><strong>反馈:</strong>
<textarea name="反馈" id="feedback" cols="30" rows="10"></textarea>
</p>
<p>
<strong>上传文件:</strong>
<input type="file" name="files">
<input type="button" va1ue="上传" name="uoload">
</p>
<p><input type="textarea" height="30px"width="60px"></p>
<p><input type="submit">&nbsp;重置:<input type="reset"></p>
<p>
<input type="email" name="email">
<input type="url" name="url">
<input type="number" name="number">
</p>

<div id="1" style="background: blue" >blue areas</div>
<div id="2" style="background: red ;width: 100px;height: 100px" >red areas</div>
<div id="3" style="background: purple ;width: 100px;height: 100px" >purple areas</div>
<div id="4" style="background: black ;width: 100px;height: 100px" >black areas</div>

</form>
</body><!--time:2022-7-30-->
</ht

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/277915.html

(0)
上一篇 2022年7月30日
下一篇 2022年7月30日

相关推荐

发表回复

登录后才能评论