定义
1.什么是Html文件
组成
HTMLHTML由标记组成.从<Html>开始,到</Html>结束.<Html></Html>中包含两大部分分:<head></head><body></body>.<head></head>中有<title></title>标签,来显示网页的标题;脚本语言一般也放在<head></head>中.<body></body>中,用来呈现网页的具体内容.
标签
1.换行标签<br/>
将此标签加在某一段的内容的后面,该标签后的内容就会另起一行进行显示,它不是成对出现的,见示例001.Html
2.段落标签<p></p>
此标签是段落标签,在内容的前后加上此标签后,它会自动的在内容前后创建一些空白,内容前后各空一行,见示例002.html,此外<p>标签内还可以加入一些属性
①align属性:它的作用是使标记的内容以何种对齐方式进行显示,通常有居中(center),左对齐(left),右对齐(right)等显示样式,如<p align=”right”>标记的内容</p>,内容会右对齐进行显示,此外还有一个用法(网上查到的,以前没用过),属性值是justify,作用是对行进行扩展,这样每行都有相同的长度,即两端对齐,此属性只适用于区块标记,但是它已经不被W3C所倡导,各种效果可见示例002.html 见示例002.htnl
3.标题标签<h></h>
标题标签一共有六对,分别是<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>,其中<h1>定义的是最大的标题,<h6>定义的是最小的标题,默认情况下,浏览器会自动的在标题的前后各添加一空行,可以使标记的内容产生粗体的效果。在需要特别强调文本内容时,通常使用。效果见示例003.html
4.水平分割线标签<hr/> <hr>
标签会在页面中创建一条水平线,它没有结束标签,此外在此标签中还可以加入一些常用属性,比如颜色属性(color)、对齐方式属性(align)、高度属性(size),宽度属性(width)(这些属性已不赞成使用,常用样式来取代这些属性的使用)示例如004.html(验证的是color属性)
5.粗体文本标签<b>
通常用<b>标签去定义文本中比较重要的部分,被定义的部分会以粗体的样式显示。它是成对使用的,效果见示例005.html
6.斜体文本标签<i>
斜体文本标签会让被标记的内容以斜体的样式进行显示,通常也是为了引起读者的注意,它是成对使用的,效果见示例006.html
7.超链接标签<a href=””></a>
这是一个很重要的标签,几乎在每一个网页中都会用到它,其中它最重要的属性就是href,它指定链接的目标,其中这里涉及了相对路径和绝对路径的问题。
8.图片标签<img>
图片标签的主要作用是加载一张图片在页面中显示,它加载的只是一个链接,是你所要显示的图片的链接地址,它有两个特别重要的属性,一个是src属性,另一个是alt属性。 ⑪src属性:它的值是你所要加载的图像的路径,通常叫做Url ⑫alt属性: 它的作用是在图像没法显示时的替代文本,即它可以告诉人们这张图像的一些信息。当鼠标移动到图片上时,会显示这些提示信息。效果示例参见008.html ⑬ 此外图片标签还有其它的一些属性,比如定义图像的高度(height)和宽度(width),还有与周围文本的对齐方式(align)等各种属性 ⑭ 当给图片加上超连接时,图片会出现边框,此时若要消去边框,只需在图片标签<img>中,加上属性border=”0” 即可
9.表格 表单 列表
1)表格
<table><tr> -------行
<td></td> ----列
<td></td>
.....
</tr>
</table>
注意:*colspan =”2” 横跨两列 , rowspan =”2” 横跨两行; *cellpadding 单元格边距(字与内边框的距离) cellspacing 单元格间距(内外边框的间距);
2)表单(一定要用<form></form>包裹)
包括文本域、单选框、复选框、下拉列表3)列表
包括有序列表、无序列表、自定义列表【总结】
HTML的学习只要是一些标签的使用,这些知识很散,我们只有通过不断地练习,在实践中真正的掌握这些知识点。就像老师说的:记是记不住的,我们能做的就是常回来看看。