对HTML的理解

HTML并没有想象中那么难，只要学习它的标签就行了。

<p>文本内容</p>  : 把文本内容显示出来并换行，但两行直接会空出一行。

<br/>  ： 换行，不会空出一行。注： 斜杠可加可不加，引文它不是成对出现的，加上斜杠表示该标签结束的意思。

<hr/>   : 水平线

<strong> 文字 </strong> : 粗体

<em> 文字 </em> :斜体

对于HTML，无论两个文字间有多少空格，在网页中两个文字间只会出现一个空格，若要许多空格，可用&nbsp来表示空格。

1.插入图片：

       <img src=" " alt=" " title=" " width="300" height="300">

     src:图片地址 alt:图片加载不出来会显示alt所赋的文字 title:鼠标悬停在图片上会显示文字

2.超链接:

   <a> </a>

 <a href=" AAA.html或者http://www.baidu.com"  target=" ">点击会进入下一个网页</a>

href:点击超链接要跳转的网页地址 target:有几个value，表示在当前页面显示标签页还是在新的窗口打开

 锚链接(点击文字会回到固定的位置，例如回到顶部)

  <a name="top"> 文字</a>

  <a href="#top">回到顶部</a>

href="#top"也可以跳转到其他网页的固定位置,href="1.html#top"前提是必须有1.html且该网页得有个name为top

3.列表

  3.1有序列表

<ol>

  <li>武汉</li>

  <li>上海</li>

</ol>

实例: 1.武汉

         2.上海

  3.2无序列表

 <ul>

     <li>武汉</li>

     <li>上海</li>

</ul>

 3.3自定义列表

<dl>

      <dt>标题</dt>

      <dd>python</dd>

      <dd>c</dd>

      <dd>java</dd>

</dl>

示例：

学科

      python

      c

      java

 

4.插入音频(audio)、视频（video）

<audio src="路径" controls autoplay>

</audio>

src:路径  controls:加上这个单词才会出现播放  autoplay:自动播放

插入视频把audio改为video。

5.文本框(账号、密码)

<p>账号：<input type="text" name="uesrname">  </p>

<p>密码：<input type="password" name="pwd">  </p>

   单选框

<p>性别：<input type="radio" value="boy" name="sex">男

     <input type="radio" value="girl" name="sex">女

</p>

   多选框

type="checkbox",其它同单选框.

value:框的值  name:表示组

 

6.上传文件

<p>

      <input type="file" name="files">

      <input type="button" value="上传" name="upload">

</p>

    对于按钮button，value表示按钮上显示的名字