HTML的结构与语法

HTML结构与语法

HTML 是由各种各样的标签组成,学习 HTML就是学习使用这些标签。从下节开始就详细介绍HTML的标签使用.习HTML就是学些标签的使用,本节讨论下html结构。首先我们先看个例子:

HTML文档结构

 

html标签 -- 称为根标签,所有的网页标签都在<html></html>中。

head标签,代表HTML文档的头信息,以<head>开始,</head>结束,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签,头部标签在后面的课程会有详细介绍。

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>显示结果是相同的,不过标准推荐使用小写.

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

HTML标签由开始标签和结束标签组成。

某些HTML元素没有结束标签,比如  <br />

标签是大小写无关的,<body><BODY>表示意思是一样的,标准推荐使用小写.

所有的标签之间可以嵌套。例:<head> <title>标签嵌套演示</title></head>

 

常用Html标签表

HTML标签属性

大部分HTML标签都可以添加属性,常见的属性有宽度,高度,颜色,背景,字体等等

HTML属性一般都出现在HTML标签中HTML标签的一部分。

标签可以有属性,它包含了额外的信息.属性的值一定要在双引号中。

标签可以拥有多个属性。 标签可以拥有多个属性。

属性由属性名和值成对出现。

语法格式

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

示例

HTML文档

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

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

示例

上图红色边框的是Body主体<body></body>之间的文本是可见的页面内容

蓝色边框是网页标题,是<head>标签中<title>标签中的内容。

整个网页就是HTML文档

Web浏览器的作用是读取 HTML文档,并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容

HTML注释

在实际开发中需要在要在一些代码段做HTML注释,这样做的好处很多,比如:方便查找,方便比对,方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码的理解与修改等等

语法格式:

<!这里写注释内容 -->

注释:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值