HTML并没有想象中那么难,只要学习它的标签就行了。
<p>文本内容</p> : 把文本内容显示出来并换行,但两行直接会空出一行。
<br/> : 换行,不会空出一行。注: 斜杠可加可不加,引文它不是成对出现的,加上斜杠表示该标签结束的意思。
<hr/> : 水平线
<strong> 文字 </strong> : 粗体
<em> 文字 </em> :斜体
对于HTML,无论两个文字间有多少空格,在网页中两个文字间只会出现一个空格,若要许多空格,可用 来表示空格。
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表示按钮上显示的名字