HTML5教程

html学习总结

本文主要是介绍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
这篇关于html学习总结的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航