文档章节

HTML中什么是元素,什么是标签,什么是属性

wdsjndtk
 wdsjndtk
发布于 2015/12/01 16:35
字数 546
阅读 31
收藏 0

  比如<p>这就是一个标签;

  <p>这里是内容</p>这就是一个元素,也就是说元素由一个开始的标签和结束的标签组成,用来包含某些内容;

  这里有一个值得注意的例外,即<br/>本身既是开始标签也是结束标签,但不包含任何内容,所以这只是个标签。

  1.元素:

  HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件,并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说,HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。

  2.标签:

  标签就是<head>、<body>、<table>等被尖括号“<”和“>”包起来的对象,绝大部分的标签都是成对出现的,如<table></talbe>、<form></form>。当然还有少部分不是成对出现的,如<br>、<hr>等。

  标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。

  3.

  属性:

  为HTML元素提供各种附加信息的就是HTML属性,它总是以"属性名=属性值"这种名值对的形式出现,而且属性总是在HTML元素的开始标签中进行定义。

  

  示例:

<html> 
     <head> <title>示例标题</title> </head> 
     <body bgcolor="red"> 
             <p>这是示例页面</p> 
     </body> 
</html>

 

  在这个示例中,<p>这是示例页面</p>就是HTML元素,其中“这是示例页面”就是元素的具体内容了。

  <head><title><body>等就是HTML标签,这是标签构成了HTML元素。<body

  bgcolor="red">中的bgcolor="red"就是标签的属性,它定义了标签应该如何具体配置。

  总之,元素和标签的区别也不必太在意,实际工作中我们都直接以标签统称。而属性就很容易明白了,它就是为HTML标签添加各种附加信息或者配置选项的参数。

© 著作权归作者所有

共有 人打赏支持
wdsjndtk
粉丝 0
博文 3
码字总数 1502
作品 0
昌平
前端计划——面试题总结-HTML篇

前言: 阅读本文前请做好以下心理准备: 本系列文章将不定期更新。 本系列文章不是很严谨。 前端面试之HTML篇 Part A:常识系列 你真的了解浏览器么? HTML中的Doctype是什么鬼? 多了个X的X...

Alarak
2017/01/02
0
0
一个初级的前端工程师需要知道些什么?

一个初级的前端工程师需要知道些什么? 按照我的想法,我把前端工程师分为了入门、初级、中级、高级这四个级别入门级别指的是了解什么是前端(前端到底是什么其实很多人还是不清楚的,底什么...

MyDear宸
2017/05/11
0
0
6 HTML的简单介绍和快速获取XPath和CSS路径

Web UI 自动化其实就是在页面元素,所以再真在进入页面元素操作之前,我们先认识下我们后面会用到的一些HTML相关知识。 HTML的简单介绍 什么是HTML HTML(Hyper Text Markup Language):指的是...

米阳MeYoung
05/08
0
0
第二章 HTML5和HTML4的区别-《HTML5+CSS3权威指南》

第二章主要介绍了HTML5的基本语法和什么是全局属性及其介绍了几个常见的全局属性。她们是contentEditable,designMode,hidden,spellchack和tabindex属性。 基本HTML5语法: <!DOCTYPE><meta ...

Contac
2011/12/05
0
0
Web前端最全面试宝典- Html篇

HTML 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访...

颜卿今天Coding了吗
2017/03/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Redis应用之分布式锁(set)

Redis应用之分布式锁(set) 在单机应用的场景下,我们常使用的锁主要是synchronized与Lock;但是在分布式横行的大环境下,显然仅仅这两种锁已经无法满足我们的需求; 需求:秒杀场景下,有若干...

GMarshal
33分钟前
1
0
python实现简单的文件加密与解密

对于任意的一个文件,本质上来讲都是二进制的。 对于任意一个二进制数a,对其用另外任意一个与a的位数相同的二进制数m进行“异或”操作得到结果e,即e=a xor m; 如果再讲上面得到的e用m进行...

Aomo
34分钟前
1
0
Android开发应用程序生成以太坊钱包

Android应用程序以太坊钱包生成,要做的工作不少,不过如果我们一步一步来应该也比较清楚: 1.在app/build.gradle中集成以下依赖项: compile ('org.web3j:core-android:2.2.1') web3j核心是...

geek12345
49分钟前
1
0
ArrayList嘿嘿嘿

数组扩容技术: //扩容技术 将原数组objs类容复制到新数组并且长度为11 Object[] newObjs = Arrays.copyOf(objs,11); 数组比较大那么System.arraycopy比较有优势,因为其使用的是内存复制,省...

熊猫你好
今天
2
0
Android平台下的一个好用的日历库(sxtwl_cpp),支持农历转公历,和公历转农历等功能

python版的sxtwl_cpp传送入口 在build.gradle的allprojects中加入 maven { url 'https://dl.bintray.com/yuangu/sxtwl' } 最终如下面代码所示: allprojects { repositories { ......

元谷
今天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部