WEB前端开发人员交流社区

搜索
查看: 917|回复: 0

[基础知识] HTML结构与语法 《二》

[复制链接]

94

主题

150

帖子

148

积分

管理员

会在前端的道路上一直走下去!

Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

积分
148

社区QQ达人

发表于 2016-3-20 15:12:43 | 显示全部楼层 |阅读模式

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

HTML文档结构

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

l head标签,代表HTML文档的头信息,以开始,结束,它是所有头部元素的容器。头部元素有、<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>标签嵌套演示


常用Html标签表

HTML标签属性

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

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

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

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

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

语法格式

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

示例:

HTML文档

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

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

示例:

上图红色边框内的是Body主体,与之间的文本是可见的页面内容

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

整个网页就是HTML文档

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

HTML注释

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

语法格式:

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

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
WEB前端开发人员共同的技术交流平台,提倡开源、安全、自由、共享的网络精神! —— —— www.fedte.cn
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



Archiver|手机版|小黑屋|前端开发技术交流

Copyright © 2009-2015 前端开发技术交流 http://www.fedte.cn 版权所有 All Rights Reserved.

免责声明: 本社区不承担任何由社区会员所提供的信息和工具所引起的争议和法律责任。

GMT+8, 2020-12-4 00:14

快速回复 返回顶部 返回列表