当前位置: 代码迷 >> HTML/CSS >> 总结HTML基础知识
  详细解决方案

总结HTML基础知识

热度:245   发布时间:2013-10-08 16:32:36.0
小结HTML基础知识

1、什么是HTML

 

     定义;Hypertext Markup Language,超文本标记语言,是用于描述网页文档的一种标记语言。

 

     Web页面(网页)也是一种文档,Web页面绝大多数都是由HTML编写的。

 

2、对HTML的简单认识

 

     HTML文本是由 HTML命令组成的描述性文本,HTML 命令可以说明文字、图形、动画、声音、表格、链接等。

 

     HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息,主体包含所要说明的具体内容。

 

3、HTML的基本使用说明

 

 HTML元素:

 

      网页文档的结构和格式的定义是由HTML元素完成的,HTML元素是由单个或一对标签定义的包含范围。

 

 HTML元素的四种形式

 

    举例: 

空元素:<br>

 

带有属性的空元素:<hr color="blue">

 

带有内容的元素:<title>你好</title>

 

带有内容和属性的元素:<font color="red">你好</font>

 

HTML标签:

 

       HTML标签是HTML语言中最基本的单位,HTML标签是HTML语言最重要的组成部分。         

 

        一个标签就是左右分别有一个小于号(<)和大于号(>)的字符串。开始的标签是指不以斜杠(/)开头的标签,其内是一串允许的属性-值对。结束标签是以一个斜杠(/)开头的标签。

 

                                    

 

  • 与段落控制相关的标签:<p>、<br>、<hr>
  • 与文本显示相关的标签:<center></center>、<hn></hn>、<font></font>、<b></b>、<i></i>
  • 列表-建立数字编号的列表:<ol>、<li>
  • 列表-建立带有项目符号的列表:<ul>、<li>
  • 列表-建立无符号的列表(或建立术语列表):<dl>、<dt>、<dd>
  • 表格-定义表格:<table></table>、<caption></caption>、<tr></tr>、<th></th>、<td></td>
  • HTML交互式表单:<form></from>
  • input元素:<input></input>
  • 列表框:<select>、<option>
  • 超链接:<a href=""></a>
  • 嵌入图像:<img src="URL" width=n height=n>

 

如何输入特殊字符:

   

       不间断空额、回车等符号、HTML保留的字符(例如:'<',表示一个标记的开始),一些在键盘上不存在的特殊字符,如版权符号,这些都属于特殊字符,该如何输入到HTML文档中去呢?

 

      通过引用的方式。两种引用类型:字符引用和实体引用。

    

                                              

 

HTML注释:

 

        编写HTML文档时,我们需要输入一些注释信息,或者标记,便于我们以后的维护和修改。所以,这时候我们就需要注释信息了。

       

        注释的符号:  <!--注释内容-->

 

        需要注意的是由于注释符号的限制,在注释内容中不要加入类似“-->”的字符串。

 

        以上说到的这些都是非常基础和底层的HTML知识,分享给大家,希望各位多提宝贵意见啊!

20楼leimengyuanlian昨天 21:36
成长就是一步步的积累,顶一个!
19楼kanglix1an昨天 21:23
加油,加油
18楼itmister昨天 21:05
17楼zwk626542417昨天 20:34
html基础知识,我们会在实践中运用它的。
16楼zs15932616453前天 20:24
内容很全,就是缺点自己的东西!加油!
Re: caozhangyingfei0109前天 21:52
回复zs15932616453n嗯嗯,师傅我会加油的!
15楼tancheng2002前天 09:03
先顶一个,受益中!
Re: caozhangyingfei0109前天 18:52
回复tancheng2002n谢啦,欢迎继续关注我的博客
14楼mynote前天 08:45
写得真不错。学习了。
13楼jly47583天前 21:08
认识很全面。学习了
12楼hanxuemin123453天前 20:43
学习了,加油
11楼han_yankun20093天前 19:35
认真学习额
10楼ironxue3天前 17:06
还看不懂,不过顶先。
9楼smszhuang1683天前 10:18
基础知识,需要多多练习
Re: caozhangyingfei01093天前 14:24
回复smszhuang168嘿嘿,好的
8楼u0104025173天前 10:17
顶一个
7楼hejingyuan64天前 22:53
初步认识,学习了
6楼liutengteng1304天前 20:32
多用多练理解更深刻,继续加油哈。
5楼wj80234天前 18:06
是不是也可以来张图啊!
4楼lfmilaoshi4天前 15:19
就你的篇博客,你抽时间找我一趟吧!
3楼lishehe4天前 14:32
加油,哈哈,b/s啦
2楼tang_huan_114天前 13:17
总结得挺全面的,加油!
1楼liu_yujie2011com4天前 11:31
积累的过程就是成功的过程,加油哦!
  相关解决方案