HTML结构与语法
HTML 是由各种各样的标签组成,学习 HTML就是学习使用这些标签。从下节开始就详细介绍HTML的标签使用.学习HTML就是学些标签的使用,本节讨论下html结构。首先我们先看个例子:
HTML文档结构
l html标签 -- 称为根标签,所有的网页标签都在<html></html>中。
l head标签,代表HTML文档的头信息,以<head>开始,</head>结束,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签,头部标签在后面的课程会有详细介绍。
l body标签-- 在<body>和</body>标签之间的内容代表HTML文档的主体。包括如<h1>、<p>、<a>、<img>等网页内容标签。
<body>标签中的内容直接在网页的内容区显示,head标签的内容不显示网页内容区,以上HTML代码运行结果在浏览器中显示如下:
请读者把源码和显示效果图对比下,熟悉下基本HTML文档结构,关于具体的html标签,后面会详细讨论。
什么是HTML标签
HTML标签是HTML文档的基本元素,它一般是成对出现的,即有开始标签和对应的结束标签构成. 如<p></p> <body></body> <head></head>等,但有些是特殊的单标签,如<br /> <hr />等. Html HTML语言是弱类型语言,标签不区分大小写<P>和<p>显示结果是相同的,不过标准推荐使用小写.
l 标签是HTML中最基本单位,也是最重要组成部分。
l HTML标签由开始标签和结束标签组成。
l 某些HTML元素没有结束标签,比如 <br />
l 标签是大小写无关的,<body>跟<BODY>表示意思是一样的,标准推荐使用小写.
l 所有的标签之间可以嵌套。例:<head> <title>标签嵌套演示</title></head>
常用Html标签表
HTML标签属性
大部分HTML标签都可以添加属性,常见的属性有宽度,高度,颜色,背景,字体等等
l HTML属性一般都出现在HTML标签中, 是HTML标签的一部分。
l 标签可以有属性,它包含了额外的信息.属性的值一定要在双引号中。
l 标签可以拥有多个属性。 标签可以拥有多个属性。
l 属性由属性名和值成对出现。
语法格式
<标签名属性名1="属性值" 属性名2="属性值" ... ">…..</标签名>
示例:
HTML文档
l HTML文档就 HTML文档就是HTML页面,也就是网页, 也就是网页,是由HTML元素组成的
l 互联网的所有内容都是由一个个HTML文档体现的
示例:
上图红色边框内的是Body主体,<body>与</body>之间的文本是可见的页面内容
蓝色边框是网页标题,是<head>标签中<title>标签中的内容。
整个网页就是HTML文档
Web浏览器的作用是读取 HTML文档,并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容
HTML注释
在实际开发中需要在要在一些代码段做HTML注释,这样做的好处很多,比如:方便查找,方便比对,方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码的理解与修改等等
语法格式:
<!—这里写注释内容 -->
注释:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。