HTML中的标签、元素、属性和值

前端学习3:HTML属性 设置绿色背景设置一个表格边线粗细为1 阅读详情

html :超文本标记语言。

一个标准的html文件由html元素、元素的属性和相关属性值3个基本部分构成。其中,元素的各项属性定义元素的样式和功能,例如name命名属性、href目标地址链接属性等。这些属性又由它们各自特定类型的属性值定义,例如长度类型、URI类型等。

在HTML中,标签名是大小写不敏感的,就是说不区分大小写。      

一、标签的分类:
单标签<标记名/> 也叫非封闭标签,如: <br>、<img>
双标签<标记名></标记名>: 也叫封闭标签,如:<html></html>

二、按作用可以将标签划分为:
  注释标签:  <!-- 注释 --> 注释不可以嵌套在其他注释之中,不可以位于<>之中
  根标签: <html></html>
  段落标签: <p></p>
  标题标签: <h1></h1>

三、基本标签: <!doctype html> 是对文档类型的声明,声明其实不止一种的,HTML、XHTML比较严格,HTML5相对来说比较宽松,都是w3c的一个标准
 <head></head>元素用于为页面定义全局信息,包含的元素有:title,meta,script,style,link
 注:head里面的title和其他元素属性里面的title是不一样的,要注意,head里面的title是用于定义文档的标题
 <meta>用于定义网页的基本信息:
    <META NAME="Generator" CONTENT="EditPlus">  --定义该网页是用什么工具生成的
    <META NAME="Author" CONTENT="">    --该网页的作者姓名
    <META NAME="Keywords" CONTENT="">  --关键词,一般不超过3个,否则可能不合法
    <META NAME="Description" CONTENT="">  --添加描述
   <META charset="UTF-8"> --定义代码格式
 <body></body>里面的标签:
 <h1></h1>:标题标签,标题标签只有h1到h6!!!!
 <p></p>:段落标签,可以方便修改属性,如果直接写在<body>里面的话就不好修改属性了

四、元素:每对尖括号<>里面所包含的东西,如<head></head>中,head是标题元素
 元素的嵌套:
 <body>    ---开始标记
   <p>段落</p>  ---p元素
 </body>   ---结束标记
 开始和结束标记整个是个body元素

五、属性和值:

语法:<标签名 属性名1="属性值" 属性名2="属性值" ... 属性名N="属性值">内容</标签名>

属性一般由属性名和值成对出现。  标签可以有属性,它包含了额外的信息,属性的值一般要在引号中(有时也可以不加引号); 标签可以拥有一个或多个属性,也可以没有属性; HTML属性一般都出现在HTML标签中,HTML属性是HTML标签的一部分。有些人把元素称作标签(如“P标签”)。需要记住的是,元素是一码事,标签(不论是开始标签还是终止标签)是另一码事。例如,head元素总是存在的,即使它的开始标签和终止标签都没有也是如此。

<p align="center"> this is p!</p>
align就是属性名,center就是属性值,是修饰p元素的。属性值加不加双引号都是可以的,最好加上双引号。一个元素的属性是可以有多个的,排列是不分先后的,如
<p align="center" id="p"> this is p!</p>

标准属性(公共属性,通用属性):是大部分标签所具备的属性,如:

 id:定义所在标签的唯一标记名称,例<p align="center" id="p"> this is p!</p>
 title:鼠标移入到当前标签所在区域时所显示的文字,例<p align="center" title="p"> this is p!</p>
 class:引用样式表当中的指定类样式
 style:定义当前标签的行内样式


告别License烦恼:手把手教你用VS Code+Cppcheck搭建免费的MISRA-C代码检查环境 本文详细介绍了如何使用VS Code和开源工具Cppcheck搭建免费的MISRA-C代码检查环境,帮助开发者规避商业工具的高额License费用。通过四步环境搭建和实战技巧,实现高效的代码静态检查,提升嵌入式开发的安全性和可靠性。 阅读详情

相关推荐

航空发动机轴承故障诊断

《航空发动机主轴承故障诊断的挑战与HIT数据集研究》 摘要: 航空发动机主轴承作为关键部件,其可靠性直接影响飞行安全。然而,主轴承故障诊断面临信号信噪比低、传输路径复杂、故障类型多样、变工况运行等挑战。哈尔滨工业大学团队开发的HIT数据集为研究提供了真实工况下的实验数据,包含正常、内圈和外圈故障三种状态,具有高仿真度和强挑战性特点。研究表明,传统诊断方法在该数据集上准确率仅71-85%,突显了诊断难度。团队提出的ISONet新方法通过输入空间过参数化技术,将诊断准确率提升至99%以上,为航空发动机轴承故障诊

tyutwuxuan的博客 996

Html常用标签和属性(包含Html5)

Html(包含Html5)常用标签和属性总结。主要包含有a、img、ul、table、select和H5新增的一些标签比如header、nav、article、section、aside等标签。以及一些常用到的属性。最后总结一些html标签使用的注意事项。.........

TKOP_的博客 1万+

[Unity Demo]从零开始制作空洞骑士Hollow Knight第四集:制作更多的敌人

大家好久不见,终于放完中秋假期可以回自己家里打代码了,上一期我介绍了为什么和如何导入2D toolkit以及制作一个完整的敌人(就是那只蚊子包括了精灵,动画,状态机行为以及脚本)现在不妨趁热打铁制作更多的敌人。

dangoxiba的博客 1974

html属性大全

标题标签 HTML提供<hn>系列标签,用于修饰标题,包含:<h1>、<h2>、<h3>、<h4>、<h5>、<h6>。 其中:<h1> 定义最大的标题。<h6> 定义最小的标题。 <hn>标题标签</hn> n的取值1-6 水平线标签 <hr /> 标签在HTML页面中创建一条水平分隔线 size属性: 水平线的高度,单位像素:px noshade属

qq_45638271的博客 9481

使用Hyper-V使用下载下来的macOS安装引导安装macos

然后关闭工具返回安装界面选择第二个reinstall,选择119g那个硬盘。我的资源上传了:macOS Monterey on Hyper-V.7z。设置固件的启动顺序,引导安装盘放到第一位,mac安装110g放第二。选择disk utility格式化那个110g。下载解压的macos引导挂载到虚拟硬盘。其他设置安全禁用,检查禁用,集成都选中。新建一个虚拟硬盘装mac,110g。

viviliving的专栏 3024

SRS(简单实时视频服务) 笔记(5)- 视频录制

在SRS使用中实现视频录制功能。

irainsa的博客 1700

24个强大的HTML属性,每个资深Web工程师都应该掌握!

24个强大的HTML属性,每个资深Web工程师都应该掌握!

weixin_44161385的博客 2299

保姆级拆解:HP 1312NF/CM1415打印机进纸离合器清洁与更换全记录(附B站/油管视频指路)

本文详细记录了HP 1312NF打印机进纸离合器故障的诊断与修复全过程,包括故障判断、工具准备、拆解步骤、清洁更换技巧及预防措施。特别针对离合器内部海绵老化粘连问题,提供了电工胶布和硬纸片两种实用替代方案,并附有B站/油管视频指路,帮助用户轻松完成打印机维修。

weixin_31102231的博客 376

HTML 属性

HTML5 引入了 data-* 属性,允许开发者自定义属性来存储额外的数据。data-*:用于存储自定义数据,通常通过 JavaScript 访问。

unber的博客 1093

基于python的电商评论文本分析

本文基于京东平台安井手抓饼2000余条评论数据,运用Python文本分析技术(包括分词、词频统计、LDA主题模型等)探究消费者评价特征。研究发现:1)产品评价聚焦口味("好吃")、性价比("一分钱")和便捷性("早餐");2)京东物流服务获得高度认可;3)销售旺季集中在11月至次年1月。分析揭示了速冻食品消费者的核心关注点,为商家优化产品与服务提供数据支持,同时展示了文本挖掘技术在电商评论分析中的实用价值。

weixin_50902344的博客 8347

基于 Qt C++ 的 2D 动画制作工具

你可以修改它的中心坐标 (X, Y)、宽度 (W)、高度 (H),或点击 "选择颜色" 按钮改变其填充色。* **图形视图 (`QGraphicsView` 和 `QGraphicsScene`)**: 用于显示和编辑当前帧的内容。

寒寒豆豆软件公司的博客 114

HTML5基础02-标签(元素、属性、值)

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33862993的博客 300

QT+QGIS跨平台编译(基于Qt,采用一套代码、一套框架,完成QGIS第三方库、核心库、应用程序的跨平台编译)

QT+QGIS跨平台编译。 基于Qt,采用一套代码、一套框架,完成QGIS第三方库、核心库、应用程序的跨平台编译。

LuckyHanMo的博客 4378

html将某个元素值抓取,不使用第三方框架获取html页面某个标签的某个属性值

大多数情况下,我们要获取页面源码等html代码中的某个标签的某个属性值时,不可能大费周章的去使用第三方框架,这就有点牛刀杀鸡的赶脚了。遇到这种情况我们可以使用简单的正则表达式来提取我们想要的数据。例如,我要下个连续剧,大多数网站提供给我们的是很多列表,需要我们去一个一个去点击,这就很麻烦,现在,只需要我们使用http获取到页面的html字符串,然后使用正则表达式批量获取到a标签的href属性的值就...

weixin_42514640的博客 447

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

python修改html标签的值_selenium3+python自动化9-JS增加、删除、修改HTML元素属性

一、前言这节主要是总结JS代码对HTML元素的增、删、改内容。因为它可以帮助我们解决很多实际问题,比如:打开多个窗口的时候,之前讲过用switch_to进行窗口之间的切换(selenium3+python自动化7-switch_to总结),但是切换比较麻烦。想要让新打开的链接在一个窗口打开,就需要修改元素的target属性才能解决。在测试的时候,会遇到有的日期输入框无法直接输入,需要点开日历控件弹...

weixin_39541044的博客 884

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

HTML元素与属性

HTML元素: HTML的元素指的是从开始标签到结束标签的所有代码 HTML标签可拥有属性: 属性总是以名称/值对的形式出现属性总是在HTML的开始标签中规定属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='Victor "Ppp_Succ" Beerfans'

Ppp_Succ 431

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

标签 样式 属性的区别

(标签后面是属性 style里面是样式) 1.标签 例如: 这就是一个标签 2元素 例如: 这里是内容这就是一个元素 3.属性 总以“属性名=属性值,这种名值对的形式出现,而且属性总是在HTML元素的开始标签中进行定义。 例如: class="box"就是属性 一个元素里可以有多个属性,各属性之间以空格相分离。 4.样式 能够通过使用 style 属性直接将样式添加到 HTML 元素,也可以...

weixin_44187571的博客 698

HTML属性

属性总是以名称/值对的形式出现,比如:name="value"。属性可以在元素中添加附加信息。HTML 元素可以设置属性。属性一般描述于开始标签。

m0_73875507的博客 81

html标签中有引号等特殊字符_HTML网页属性的几种常见属性

属性为 HTML 元素提供附加信息。HTML 属性HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现,比如:name="value"。属性总是在 HTML 元素的开始标签中规定。属性实例HTML 链接由 标签定义。链接的地址在 href 属性中指定:This is a link属性例子 1 定义标题的开始。 拥有关于对齐方式的附加信息。属性例子...

weixin_42498487的博客 1573

html标签属性是什么

html 属性是HTML元素提供的附加信息。就跟人一样 有姓名、性别、年龄一样。人可以自己取一个昵称,标签属性也一样,可以给标签添加自定义属性。

鑫阳的博客 703

HTML的基本结构和什么是元素、属性和值

HTML的基本结构结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> </html> 什么是元素 元素就是告诉内容的标签。每个元素都有一个关键字,不同的标签名称代表不同的意义,元素一般分为两种:单标签(空元素)和双标签。单标签一般用于声

RRmh1128的博客 477

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

比如这就是一个标签;这里是内容这就是一个元素,也就是说元素由一个开始的标签和结束的标签组成,用来包含某些内容;这里有一个值得注意的例外,即本身既是开始标签也是结束标签,但不包含任何内容,所以这只是个标签。1.元素:HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件,并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说,HTML元素就是构成HTML文件的基本对象,HTML元...

weixin_29124947的博客 633

[转载] HTML所有标签及其属性汇总

参考链接: HTML <datalist>标签 A ➔ BC ➔ EF ➔ KL ➔ OP ➔ ST ➔ Z 和其它标签HTML 全局属性(可用于任何 HTML 元素) A ➔ B <a></a> 菜鸟教程 w3school 属性值描述属性链接charsetchar_encoding( H5 不支持 )规定目标 URL 的字符编码菜鸟教程 w3schoolcoordscoordinates( H5 不支持 )规定链接的坐标。菜鸟教程 w3schooldo...

u013946150的博客 908

HTML标签的name属性

from bs4 import BeautifulSoup html='''<html> <head> <title class='ceshi'>super 哈哈 star</title> </head> <body> 第一帅 <p class='sister'> ...

casanava18的博客 9369

如何在XSL中定义HTML标签里的属性使用XSL的值

[求助]如何在XSL中定义HTML标签里的属性使用XSL的值xml文件   exam     什么事情啊?      我知道了   我明白了   是的   好          什么事情啊?2      我知道了2   我明白了2   是的2   好2          什么事情啊?3      我知道了3   我明白了3   是的3   好3       --------------

没有天赋的IT人 2205

JS通过HTML标签自身属性获取属性值

当JS拼接HTML放在页面时,可能会出现JS中事件无反应情况,下面写法可以避免这个问题 &lt;html&gt; &lt;header&gt; &lt;title&gt;JS通过标签自身属性获取属性值&lt;/title&gt; &lt;script src="jquery-3.1.1.min.js"&gt;&lt;/script&gt; &lt;/header&a

PinkCoder 9918
上一篇: HTML、CSS、JS中的注释标签
下一篇: nodeJs安装和配置
敲代码的猫
博客等级 码龄10年 70粉丝 46原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值