HTML元素

原创 2012年03月28日 10:50:19

HTML文档是由HTML元素组成的文本文件。
HTML元素是预定义的正在使用的HTML标签。

HTML标签
HTML标签用来组成HTML元素。
HTML标签两端有两个包括字符:“<”和“>”,这两个包括字符被称为角括号。
HTML标签通常成对出现,比如<b>和</b>。一对标签的前面一个是开始标签,第二个是结束标签,在开始和结束标签之间的文本是元素内容。
HTML标签是大小写无关的,<b>跟<B>表示的意思是一样的。

回忆一下上一页的HTML例子:

<html>
	<head>
		<title>Title of page</title>
	</head>
	<body>
		This is my first homepage.
		<b>This text is bold</b>
	</body>
</html>

下面是一个HTML元素:

<b>This text is bold</b>
此HTML元素以开始标签<b>起始, 内容是:This text is bold,以结束标签</b>中止。<b>标签的目的是定义一个需要被显示成粗体的HTML元素。
下面也是一个HTML元素:

<body>
	This is my first homepage.
	<b>This text is bold</b>
</body>

此HTML标签以开始标签<body>起始,终止于结束标签</body>。<body>标签的目的是定义一个HTML元素,使其包含HTML文档的主体。为什么使用小写标签?
HTML标签是大小写无关的:<B>跟<b>含义相同。当你上网的时候,你会注意到多数教程在示例中使用大写的HTML标签,我们总是使用小写标签。为什么?
假如你想投入到下一代HTML中,你应该开始使用小写标签。W3C在他们的HTML4建议中提倡使用小写标签,XHTML(下一代HTML)也需要小写标签。


HTML元素查找深入剖析

查找元素是前端JavaScript代码中最常出现的操作之一,然而我们并不明白它们背后的实现。本文旨在分析各种查找元素方式的特点,结合webkit源码分析其实现方式,并分析其执行。...
  • lijunfan1994
  • lijunfan1994
  • 2016年08月12日 18:38
  • 632

动态生成HTML元素并为元素追加属性

动态生成HTML元素的方法由三种: 第一种:document.createElement()创建元素,再用appendChild( )方法将元素添加到指定节点; 添加a元素: ...
  • fredaouyang
  • fredaouyang
  • 2017年02月22日 11:14
  • 2433

用Javascript动态添加删除HTML元素实例

 用javascript动态添加删除html元素function $(nodeId) { return document.getElementById(nodeId); } function $Nam...
  • CaidChen
  • CaidChen
  • 2010年02月21日 16:28
  • 31330

JS 缩放指定的html元素

/* * 缩放函数zoomIt,它实际缩放的是el的内部元素 * @param {htmlElemnt} el 缩放目标htmlElement * @param {Number} x...
  • JustOneRoad
  • JustOneRoad
  • 2012年11月20日 15:03
  • 5432

匹配 html 标签元素的正则表达式

匹配 html 标签元素的正则表达式 (/w+)=([""]?)([/S]+)(/2) 
  • hanpoyangtitan
  • hanpoyangtitan
  • 2006年11月27日 23:36
  • 956

创建html文档——html的文档元素和元数据元素

DOCTYPE——表示文档包含的是HTML5内容; html——表示文档中html标记的开始; head——表示html文档中元数据部分的开始; body——表示html文档中内容部分的开始; tit...
  • bboyjoe
  • bboyjoe
  • 2015年07月08日 11:10
  • 808

javascript动态插入html元素

主要有是两种方案:1.使用DOM //使用createElement创建元素 var dialog = document.createElement('div'); var im...
  • longshengguoji
  • longshengguoji
  • 2017年01月05日 19:48
  • 1239

重新认识HTML系列001——html根元素详解

html根元素详解 文档查看 html作为HTML页面的根元素,根据文档,其原来有三个属性:manifest,version,xmlns ,由于新的版本更替,前两个已经不用了,我们来讲一下xmln...
  • hjb2722404
  • hjb2722404
  • 2017年06月09日 17:36
  • 514

html元素大小与位置讲解

这是一些极易混淆的概念。仔细分析,这些值都是用来对元素进行定位的,下面逐一介绍。本文只介绍width,left等值,与其对应的是 height,top。本文还只介绍在Firefox下的表现,我认为,先...
  • ssisse
  • ssisse
  • 2016年06月01日 21:55
  • 909

js 动态创建HTML元素

今天有个朋友要帮她完成一个小小的效果,发了点时间做了下,也不知道能不能达到要求,先帖了上来,下面是要求: 代码:textarea cols="60" rows="12">textarea> br/>选...
  • lanzhengwu
  • lanzhengwu
  • 2007年12月25日 14:02
  • 21936
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML元素
举报原因:
原因补充:

(最多只允许输入30个字)