课程免费试听
网络营销培训专家:新川教育
   著名网络营销培训、淘宝电商培训机构.
本月巨惠:学营销、送淘宝!
网络营销,淘宝培训课程优惠
元素的概述及语法和嵌套《HTML5系列教程7》

来源:新川教育 阅读数:1575
添加时间:2017-4-6   类别:网页设计教程

元素的概述及语法和嵌套《HTML5系列教程7》

    我们大家都知道HTML文档的基础是由HTML元素组成的,所有的元素都有着相同的语法和使用规则,通过HTML元素的嵌套,组成一个功能丰富的HTML文档。本文中将介绍HTML中元素的概述及语法和嵌套的使用方法。希望对大家有所帮助。


1.HTML元素的语法

    HTML标签和元素内容构成了每一个HTML元素。在HTML开始标签和结束标签之间的内容就是HTML元素的内容,HTML标签<p>之间的文字就是HTML元素的内容。

<p>这是元素内容</p>

    另外,单独出现的HTML标签叫做空元素,空元素在开始标签的尖括号内使用反斜杠表示结束,例如下面这段代码表示一个换行。

<br/>

    在HTML元素标签的尖括号内还可以给HTML元素定义属性,例如下面这段代码为<article>元素定义了一个值为“MYArticle”的id属性。

    <article id="MYArticle"></article>


2.HTML元素概述

    在介绍HTML元素之前,首先要知道什么是HTML标签。HTML标签是HTML语言中的最基本的单位。我们来看一下HTML文档,代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
</html>

    在这段代码中,两个尖括号括起来的部分就是一个HTML标签,如<!doctype html>、<head>、</title>、<meta>、</body>等都叫做HTML标签。HTML标签有成对出现的标签,如<html>和</html>,也有单独出现的HTML标签,如<meta>。成对出现的HTML标签中,第一个不带反斜杠的标签称为开始标签,如<html>,第二个带反斜杠的标签称为结束标签,如</html>。HTML的元素是指从开始标签到结束标签的所有代码。


3.HTML元素的嵌套

一个HTML元素的内容可以是另一个或多个HTML元素,我们将这种现象称为HTML元素的嵌套。比如下面这段代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<ul>
<li><h3>第一节</h3></li>
<li><h3>第二节</h3></li>
<li><h3>第三节</h3></li>
</ul>
</body>
</html>

    在这段代码中,<html>标签嵌套了一个<head>和<body>标签,<head>标签又嵌套了<meta>和<title>标签,<body>标签嵌套了<ul>标签,<ul>标签又嵌套了三个<li>标签,每个<li>标签又嵌套了一个<h3>标签。

    被嵌套的标签必须在开始标签和结束标签之间,不能与嵌套的标签交错出现,例如下面的这段代码:

    <li><h3>第一节<h3><li>

    值得注意的一点是有的浏览器对于错误的标签嵌套依然是可以解析的,这是因为这些浏览器有良好的容错机制,但是我们必须严格要求自己,遵守编码规范。

    那么本次的元素的概述及语法和嵌套就到这里了,在下一篇文章中,我们了解HTML5的属性的基本使用方法和新增的全局属性有哪些。了解更多精彩资讯添加我们的官方微信吧,微信号:pyyuanxing。

      友情链接

  1. 办公文秘
  2. 美术培训
  3. 营销就业班
  4. 资料下载
  5. 学员作品
  6. 学校图片
  7. 联系方式
  8. site map

地址: 广州市番禺区市桥街桥东路63号银座中心7楼全层(番禺中医院旁边,百德中心斜对面)   
电话: 020-84829690   咨询QQ:522961923  点击这里给我发消息 
咨询微信:18926224142   微信公众号:新川教育
Copyright 2005-2020广州新川教育 All rights reserved.粤ICP备11014454号-6