HTML语法

HTML基本语法

    HTML的构造非常简单,组成HTML语法的元素只有HTML标签与HTML属性.

HTML文档(页面)[国家]--->HTML元素[家庭]--->HTML标签[重要成员,男人女人]--->HTML属性[其它成员，比如孩子]

 

1.HTML的标签

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

  • 通常要用两个角括号括起来:<和>.
  • 都是闭合的(闭合就是标签的最后要有一个/,来标示结束.),但不一定是成对出现的,比如<body>和</body>一对标签.(<body>是开始标签,</body>是结束标签,在开始和结束标签中可以有内容),比如<br />就是单独的.(注意要在最后加上/,以标示其是独立的)
  • 标签是大小写无关的,<body>跟<BODY>表示的意思是一样的.标准推荐使用小写.

HTML标签语法

HTML标签(两种形式,成对与不成对):

<标签名>内容</标签名>
<标签名 />

示例

<table> </table>

表格的开始标签与结束标签

<br />

单独出现的换行标签

常用HTML标签

  • html标签 -- 定义HTML文档.
  • body标签 -- 定义HTML文档的内容.
  • p标签 -- 定义段落.
  • h1-h6标签 -- 定义标题.
  • html注释 -- 定义注释内容.

2.HTML属性

HTML属性 -- 一般都出现在HTML标签中,HTML属性是HTML标签的一部分
  • 标签可以有属性,它包含了额外的信息.属性的值一定要在双引号中
  • 标签可以拥有多个属性
  • 属性由属性名和值成对出现

HTML属性语法

<标签名 属性名1="属性值" 属性名2="属性值" ... 属性名N="属性值"></标签名>

示例

<a href="http://www.baidu.com/">

标签<a>是超链接标签.使用href属性,可以定义链接的位置(URI)代码:

<table summary="html table" border="0">

标签<table>是表格标签.使用border属性,定义没有边框的表格.使用summary属性定义表格的简短描述

 

3.HTML元素

HTML元素是构建网页的一种单位,是由HTML标签和HTML属性组成的,HTML元素也是网页中的一种基本单位.

示例

<a href="http://www.cnblogs.com/JSWBK">
    尽情学习
</a>

这是一个HTML链接元素.

<p>这是我的第一个网页,在这里
    <a href=
"http://www.cnblogs.com/JSWBK"> 尽情学习 </a>吧!</p>

这是一个HTML段落元素,它包含了一个HTML链接元素.

4. HTML文档

HTML文档就是HTML页面,也就是网页,是由HTML元素组成的

互联网的所有内容都是由一个个HTML文档体现的

5.HTML注释

HTML注释,我们经常要在一些代码旁做一些HTML注释,这样做的好处很多,比如:方便查找,方便比对,方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码的理解与修改等等.

HTML注释的开始使用<!--,结束使用-->

引用网址:http://www.dreamdu.com/xhtml/comment/

HTML注释语法

<!--注释的内容-->

示例

<!--到逝意遨游的博客的链接-->
<a href="http://www.cnblogs.com/JSWBK/">
    学习XHTML
</a>吧!
<!--链接结束-->

 6.用一个例子来学习HTML语法

示例

<!--这些都是HTML的基础呀,要好好学.-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
    <head>
        <title>欢迎来到逝意遨游www.dreamdu.com</title>
    </head>
    <body>
        <!--链接到逝意遨游.-->  <p>  这是我的第一个网页,在这里  <a href="http://www.dreamdu.com/">尽情学习</a>吧!  </p>  </body> </html>

分析一下HTML语法示例中的内容

<body>和</body>是一对标签,而

<body>
    <p>
        这是我的第一个网页,在这里<a href="http://www.cnblogs.com/JSWBK/">尽情学习</a>吧!
    </p>
</body>

是HTML的主体元素

<title>和</title>是一对标签,而

<title>欢迎来到逝意遨游http://www.cnblogs.com/JSWBK</title>

则是HTML的标题元素

<a>和</a>是一对标签,而

<a href="http://www.cnblogs.com/JSWBK/">尽情学习</a>

则是HTML的链接元素

此HTML元素以开始标签<a>开头,内容是尽情学习,以结束标签</a>中止

此标签中有一个属性href,属性的值为http://www.cnblogs.com/JSWBK/

 
posted @ 2016-06-20 10:12  逝意遨游  阅读(229)  评论(0)  编辑  收藏  举报