您的位置：首页 > Web前端 > HTML

HTML总结

2016-06-19 19:55 513 查看

定义

1.什么是Html文件

①．Html是一种描述网页的语言，英文全称是Hypertext Marked Language，中文全称是“超文本标记语言”
②．它拥有自己的一套标记标签，它使用标记标签来描述网页，它的标签都是用尖括号包围着，并且通常都是成对出现,比如段落标签<p></p>，<p>为开始标签,</p>为结束标签，中间放上你所写的内容。
③．一个Html文件的后缀名是.html或者是.htm
④．用文本编辑器就可以编写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的学习只要是一些标签的使用，这些知识很散，我们只有通过不断地练习，在实践中真正的掌握这些知识点。就像老师说的：记是记不住的，我们能做的就是常回来看看。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航