【前端基础】2、HTML的元素(基础说明)

一、元素概述

HTML本质是元素组成。

  • 元素是网页的一部分。
  • 一个元素可以包含一个数据项,或者一块文本,或者一个图片,或者什么都不包含。

二、元素的组成

开始标签,结束标签,内容,组成一个完整元素。

三、元素分类

1、单元素标签

只有一个标签。例:<br>

2、双标签元素

有开始标签和结束标签,有两个标签。例:<html> </html>

注意:HTML元素不区分大小写,但是大部分都是小写。

四、元素的属性

  • 属性就是对元素的解释说明。代表元素的其他额外信息,并且不会显示在内容中。
  • 属性必须包含以下内容:
    1. 一个空格
      属性和元素名之间。即:classp之间。
      两个属性之间。即:第一个属性结束的双引号 到 第二个属性开始。
    2. 属性名称
      属性名称,即:classstylearia-hidden、等等。
      并且后面要更一个等号,即:class属性后的 =
    3. 属性值
      由双引号(")引起来的内容。即:testClass1truedisplay: none;、等等。

五、元素属性大致分类

  • 公共的
    有些属性是公共的,每个元素都可以设置。
    例:classidtitle、等等。
  • 特有的
    有些属性是某些元素特有的,不是每个元素都可以设置。
    例:meta元素的charset属性,img元素的alt属性,等等。
相关推荐
zl0_00_020 小时前
isctf2025 部分wp
linux·前端·javascript
西洼工作室20 小时前
移动开发常见问题
前端·css3·web移动开发
同学8079621 小时前
新版本Chrome谷歌浏览器访问本地网络请求跨域无法正常请求
前端·http
儿歌八万首21 小时前
Jetpack Compose 实战:打造高性能轮播图 (Carousel) 组件
android·前端·kotlin
m0_6161884921 小时前
循环多个表单进行表单校验
前端·vue.js·elementui
奋斗猿21 小时前
五年前端复盘:模块化开发的3个阶段,从混乱到工程化
前端
奋斗猿21 小时前
中级前端避坑指南:图片优化没那么简单,这5招让页面快到飞起
前端
布茹 ei ai21 小时前
地表沉降监测分析系统(vue3前端+python后端+fastapi+网页部署)(开源分享)
前端·python·fastapi
不一样的少年_21 小时前
WebTab等插件出事后:不到100行代码,带你做一个干净透明的新标签页
前端·javascript·浏览器
幸运小圣21 小时前
关于Vue 3 <script setup> defineXXX API 总结
前端·javascript·vue.js