HTML -------- 标签、元素、属性,
HTMl 中的标签、元素、属性,
one、标签 :HTML是由一套标记标签 (markup tag)组成,通常就叫标签
标签由开始标签和结束标签组成
<p> 这是一个开始标签
</p> 这是一个结束标签
<p> obge </p> 标签之间的文本叫做内容
two、元素:HTML 文档由 HTML 元素定义,HTML 元素指的是从开始标签到结束标签之间所有的代码, 开始标签常被称为起始标签(opening tag),结束标签常称为闭合标签(closing tag)。
语法:
HTML 元素以开始标签起始,HTML 元素以结束标签终止
大多数 HTML 元素可拥有属性
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容(empty content),空元素在开始标签中进行关闭(以开始标签的结束而结束)
HTML 空元素的关闭方法是在开始标签中添加斜杠,比如 <br />,HTML、XHTML 和 XML 都接受这种方式。
由于 HTML 标签对英文字母的大小写不敏感,所以 <P> 和 <p> 表达的意思相同
比如:
<p> obge </p> 表示一个元素
1、嵌套的HTML 元素:
<html> <body>
<p>这是第一个段落。</p>
</body> </html>
2、特殊元素,开始和结束标签放在一块
如:
<p>换行</p>
<br/> <p>这是一个水平线,有渲染效果,但是没有文本内容</p>
<hr/>
3、不完整元素
实际开发中,即使一个元素不完整,也是可以正常显示的,但这是不对的,是因为浏览器很强大,浏览器能够渲染你写的“错误的代码” 不过,未来不一定能正常显示。
所以尽量把元素写的完整,即有开始标签也有结束标签
<h1> 标题标签没有结束,这是不对的
three、属性:属性是为 HTML 元素提供的附加信息,用来修饰标签
HTML 元素可以设置属性:
属性可以在元素中添加附加信息,
属性一般描述于开始标签,
属性总是以名称/值对的形式出现,比如:name="value"。
属性值应该始终被包括在引号内,常用的为双引号,但是使用单引号也可以
属性和属性值对大小写不敏感,推荐使用小写
比如:要设置一个标题居中
<h1 align="center">居中标题</h1>
写在开始标签里的 align="center" 就叫属性
align 是属性名
center 是属性值
属性值应该使用双引号括起来
HTML -------- 标签、元素、属性,的更多相关文章
- jQuery基础之获取和设置标签元素属性
jQuery基础之获取和设置标签元素属性方法,如下图: 代码实现: <script src="JS/jquery-1.12.4.min.js"></script& ...
- jQuery-对标签元素 文本操作-属性操作-文档的操作
一.对标签元素文本操作 1.1 对标签中内容的操作 // js var div1 = document.getElementById("div1"); div1.innerText ...
- HTML元素(包括HTML5)的标签、属性及事件大全
1.标签列表 标签 描述 <!–…–> 定义注释. <!DOCTYPE> 定义文档类型. <a> 定义超链接. <abbr> 定义缩写. <acr ...
- java-去除html中的标签或者元素属性(正则表达式/jsoup)
业务场景: 如一篇使用富文本编辑器编辑的新闻稿,需要在列表页面截取前200字作为摘要,此时需要去除html标签,截取真正的文本部分. /** * 删除Html标签 */public static St ...
- HTML5的Video标签的属性,方法和事件汇总
<video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...
- video标签的属性和方法总结
最近想做一个弹幕插件,查了很多video标签的属性和方法 error属性 在正常读取时候,使用媒体数据的过程中,video元素或audio元素的error属性为null,但是任何时候只要出现错误,er ...
- 了解HTML表单之input元素的30个元素属性
目录 传统属性 name type accept alt checked disabled readonly maxlength size src value 新增属性 autocomplete au ...
- jquery获取、改变元素属性值
//标签的属性称作元素属性,在JS里对应的DOM对象的对应属性叫DOM属性.JS里的DOM属性名有时和原元素属性名不同. //==================================操作元 ...
- HTML5探索一(那些新增的标签和属性)
tml5相比html4,添加了部分语义化的标签和属性,现在我们就从这些标签和属性开始,学习html5吧. 首先,认识下HTML5新的文档类型: <!DOCTYPE html> 那些新标签 ...
- css样式表和选择器的优先级以及position元素属性值的区别
css样式表优先级 问题:当同一个HTML元素被不止一个样式定义时,会使用哪个样式呢? 答:一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字4拥有最高的优先权. 1.浏览器缺省 ...
随机推荐
- SQL 除去数字中多于的0
/* 除掉多于的0 */ CREATE FUNCTION [dbo].[fn_ClearZero] ( ) ) ) AS BEGIN ); IF (@inValue = '') SET @return ...
- PIE SDK水深提取算法
1.算法功能简介 水深提取算法就是根据输入的水位设为d,dem设为h 这两个数据做一个差值运算,则水深计算公式为d-h;本示例中的是基于洞庭湖提取的水体矢量文件的范围来计算dem和水位25米的差值. ...
- STorM32 BGC三轴云台控制板电机驱动电路设计(驱动芯片DRV8313)
1 序言 相信对云台有兴趣的小伙伴对STorM32 BGC这块云台控制板并不陌生,虽说这块控制板的软件已经不再开源,但是在GitHub上依旧可以找到两三个版本的代码,而硬件呢我们也可以从Olliw( ...
- P5124 Teamwork(DP)
题目: P5124 [USACO18DEC]Teamwork 解析: 动态规划,设\(f[i]\)表示到第\(i\)位的最大值,我们枚举i之前的j个位置\((j<k)\),记录一下这\(j+1\ ...
- 使用redis实现程序或者服务的高可用
使用redis实现程序或者服务的高可用,就是将某一程序或服务部署在不同服务器上,或者是跨机房部署,当运行服务的服务器挂了之后,其他服务器上的该服务能立马顶上,这里我简单的使用redis实现这一目的. ...
- [MySQL] 为什么要给表加上主键
1.一个没加主键的表,它的数据无序的放置在磁盘存储器上,一行一行的排列的很整齐. 2.一个加了主键的表,并不能被称之为「表」.如果给表上了主键,那么表在磁盘上的存储结构就由整齐排列的结构转变成了树状结 ...
- 数据库操作之DBUtils
概述 DBUtils是Java编程中的数据库操作实用工具,小巧简单实用. DBUtils封装了对JDBC的操作,简化了JDBC操作,可以少写代码. DBUtils三个核心功能介绍 QueryRunne ...
- Placeholder_2:0 is both fed and fetched
Placeholder_2:0 is both fed and fetched TensorFlow出现这个错误是因为网络的输入被原样输出,也就是说同一个东西既被输入网络,又被输出网络.
- $attrs/inheritAttrs可以实现组件的跨级传递
$attrs/inheritAttrs可以实现组件的跨级传递 // 问题1 为什么this.$attrs可以得到主 传递过来的值 //$attrs 说明 // ...
- Spring(003)-消费返回list的rest服务
通过spring提供的RestTemplate就可以访问rest服务.首先需要创建一个RestTemplate,这个需要手动来创建bean @Configuration public class De ...