当前位置： 首页 > article >正文

HTMLS基本结构及标签

article 2026/3/29 5:29:37

HTML5是目前制作网页的核心技术，有叫超文本标记语言。

基本结构

声明部分位于文档的最前面，用于向浏览器说明当前文档使用HTML标准规范。

根部标签位于声明部分后，用于告知浏览器这是一个HTML文档。< html>表示文档开始，</ html>表示文件的结束。

头部标签定义HTML5文档的头部信息，紧跟在< html>标签之后。

主体标签定义HTML文档要显示的内容，浏览器中显示的所有文本，图像，音频和视频等信息都必须位于<body>标签内。

制作网页时，经常需要设置页面的基本信息如页面的标题\作者等这些标签都在<head>中。

<title>用于定义HTML5页面的标题，即给网页取一个名字，内容将显示在浏览器窗囗的标题栏中，一个HTML文档只能含有一对。

<meta/>用于定义页面的元信息，可重复出现在<heαd>标签中。用于设置字符集，设置网页关键字，设置网页描述，设置网页作者，设置页面自动刷。

HTML5标签，放在"<>″符号中表示某个功能的编码命令也称为HTML标签或HTML5元素，如<html>，<head>，<b ody>

标符分为单标签；也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。写法；<标签名/>。

双标签；也称体标签，是指由开始和结束两个标签符组成的标签。写法:<标签名>内容<标签名/>

特殊标签；注释标签，用于对内容进行说明，注释的单标签，该标签的内容不显示在浏览器窗囗中。

写法:<！——注释语句——>

标签关系，嵌套关系也称包含关系，一个双标签中包含其它标签。外层标签为父级标签，里面标签称为子级标签。

并列关系也称为兄弟关系，两个标签处于同一级别，没有包含关系。

基本语法:<标签名属性1="属性值1″属性2="属性2″…>内容</标签名>           键值对

属性必须写在开始标签内，位于标签名后。

标签可以拥有多个属性，属性之间不区分先后顺序

标签名与属性，属性与属性之间以空格分开。

相关文章：

HTMLS基本结构及标签

HTML5是目前制作网页的核心技术&#xff0c;有叫超文本标记语言。 基本结构 声明部分位于文档的最前面&#xff0c;用于向浏览器说明当前文档使用HTML标准规范。 根部标签位于声明部分后&#xff0c;用于告知浏览器这是一个HTML文档。< html>表示文档开始&#xff0c;&l…...

编程日记 2026/3/18 21:18:40

IDEA集成DeepSeek，通过离线安装解决无法安装Proxy AI插件问题

文章目录 引言一、安装Proxy AI1.1 在线安装Proxy AI1.2 离线安装Proxy AI 二、Proxy AI中配置DeepSeek2.1 配置本地部署的DeepSeek&#xff08;Ollama方式&#xff09;2.2 通过第三方服务商提供的API进行配置 三、效果测试 引言 许多开发者尝试通过安装Proxy AI等插件将AI能力…...

编程日记 2026/3/18 1:30:18

phpstudy安装教程dvwa靶场搭建教程

GitHub - digininja/DVWA: Damn Vulnerable Web Application (DVWA) Dvwa下载地址 Windows版phpstudy下载 - 小皮面板(phpstudy) 小皮下载地址 1选择windows 版本&#xff0c;点击立即下载 下载完成&#xff0c;进行解压&#xff0c;注意不要有中文路径 点击.exe文件进行安装…...

编程日记 2026/3/17 17:51:48

【linux】详谈 环境变量

目录 一、基本概念 二、常见的环境变量 取消环境变量 三、获取环境变量 通过代码获取环境变量 环境变量的特性 1. getenv函数:获取指定的环境变量 2. environ获取环境变量 四、本地变量 五、定义环境变量的方法 临时定义&#xff08;仅对当前会话有效&#xff09; 永…...

编程日记 2026/3/6 15:34:01

【Linux高级IO】多路转接（poll epoll）

目录 1. poll 2. epoll 2.1 epoll_ctl 2.2 epoll_wait 2.3 epoll原理 2.4 epoll的工作模式 2.5 epoll的惊群效应 使用建议 总结 1. poll poll也是实现 I/O 多路复用的系统调用&#xff0c;可以解决select等待fd上限的问题&#xff0c;将输入输出参数分离&#xff0c;不需要…...

编程日记 2026/3/28 3:22:48

JAVA面试常见题_基础部分_mybatis面试题

1、什么是 MyBatis&#xff1f; 答&#xff1a;MyBatis 是一个可以自定义 SQL、存储过程和高级映射的持久层框架。 2、讲下 MyBatis 的缓存答 &#xff1a;MyBatis 的缓存分为一级缓存和二级缓存,一级缓存放在 session 里面,默认就有,二级缓存放在它的命名空间里,默认是不打…...

编程日记 2026/2/19 22:18:53

PostgreSQL中的外键与主键

在 PostgreSQL 中&#xff0c;外键&#xff08;Foreign Key&#xff09; 是一种用于建立表间关联的数据库约束机制&#xff0c;其核心作用与主键&#xff08;Primary Key&#xff09;有显著区别。以下是详细解析&#xff1a; 一、外键的定义与作用 定义 外键是表中的一个或多个…...

编程日记 2025/11/20 5:33:35

【GenBI优化】提升text2sql准确率：建议使用推理大模型，增加重试

引言 Text-to-SQL（文本转 SQL）是自然语言处理（NLP）领域的一项重要任务，旨在将自然语言问题自动转换为可在数据库上执行的 SQL 查询语句。这项技术在智能助手、数据分析工具、商业智能（BI）平台等领域具有广泛的应用前景，能够极大地降低数据查询和分析的门槛，让非技术用…...

编程日记 2025/11/19 22:25:22

供应链管理系统--升鲜宝门店收银系统功能解析，登录、主界面、会员 UI 设计图（一）

供应链管理系统--升鲜宝门店收银系统功能解析&#xff0c;登录、主界面 会员 UI 设计图&#xff08;一&#xff09;...

编程日记 2026/3/25 17:52:13

【Linux系统编程】基础IO--磁盘文件

目录 前言 磁盘的机械构成 盘片介绍 盘片与磁头 数据的存储&#xff08;硬件&#xff09; 磁盘的物理存储 逻辑结构&#xff1a;磁道/柱面、扇面、扇区 磁盘I/O的基本单位与扇区的存储密度 CHS定位法&#xff1a;数据的查找 磁盘的逻辑存储 扇区的抽象结构(数据…...

编程日记 2026/3/14 17:49:45

Python利用pyobdc和tkinter框架连接数据库2-保存配置文件

为了实现保存用户输入的数据库连接信息&#xff0c;并在下次打开程序时自动加载这些信息&#xff0c;可以使用配置文件&#xff08;如 .txt 或 .json 文件&#xff09;来存储这些信息。以下是一个完整的实现方案&#xff0c;结合了动态输入和自动加载配置文件的功能。 实现步骤…...

编程日记 2026/2/2 9:24:04

C# .NET Core HttpClient 和 HttpWebRequest 使用

HttpWebRequest 这是.NET创建者最初开发用于使用HTTP请求的标准类。HttpWebRequest是老版本.net下常用的&#xff0c;较为底层且复杂&#xff0c;访问速度及并发也不甚理想&#xff0c;但是使用HttpWebRequest可以让开发者控制请求/响应流程的各个方面&#xff0c;如 timeouts,…...

编程日记 2026/3/2 22:36:27

[3/11]C#性能优化-实现 IDisposable 接口-每个细节都有示例代码

[3]C#性能优化-实现 IDisposable 接口-每个细节都有示例代码 前言 在C#开发中&#xff0c;性能优化是提升系统响应速度和资源利用率的关键环节。 当然&#xff0c;同样是所有程序的关键环节。 通过遵循下述建议&#xff0c;可以有效地减少不必要的对象创建&#xff0c;从而减…...

编程日记 2026/3/25 16:16:46

Python的pdf2image库将PDF文件转换为PNG图片

您可以使用Python的pdf2image库将PDF文件转换为PNG图片。以下是一个完整的示例&#xff0c;包含安装步骤、代码示例和注意事项。 安装依赖库 首先&#xff0c;您需要安装pdf2image库&#xff1a; pip install pdf2imagepdf2image依赖于poppler库来解析PDF文件。 Windows系统…...

编程日记 2026/2/4 8:04:44

java2025热点面试题之springmvc

1. 请解释Spring MVC的工作原理。 答案&#xff1a; Spring MVC是一个基于Java的MVC框架&#xff0c;用于构建Web应用程序。其工作原理如下&#xff1a; 客户端发送请求到DispatcherServlet&#xff0c;它是Spring MVC的前端控制器。DispatcherServlet查询HandlerMapping&…...

编程日记 2025/12/15 14:50:16

第十三届蓝桥杯大赛软件赛决赛C/C++ 大学 B 组

A 【2022——暴力DP / 优雅背包】-CSDN博客 B 【钟表——类日期问题】-CSDN博客 C 【卡牌——二分】-CSDN博客 D 【最大数字——DFS】-CSDN博客 E 【出差——Dijkstra】-CSDN博客 F 【费用报销——01背包】-CSDN博客 G 【故障——条件概率】-CSDN博客 H 【机房—…...

编程日记 2025/8/12 6:10:33

C#上位机--关键字

引言 在 C# 上位机开发领域&#xff0c;关键字是构建程序的基石。它们是编程语言赋予的特殊词汇&#xff0c;每个关键字都有其独特的用途和功能。了解并熟练运用这些关键字&#xff0c;能够让开发者更加高效地编写代码&#xff0c;实现各种复杂的功能。本文将深入探讨 C# 中一…...

编程日记 2025/10/21 3:40:40

1.C语言初识

C语言初识 C语言初识基础知识hello world数据类型变量、常量变量命名变量分类变量的使用变量的作用域 常量字符字符串转义字符 选择语句循环语句 函数&#xff1b;数组函数数组数组下标 操作符操作符算术操作符移位操作符、位操作符赋值操作符单目操作符关系操作符逻辑操作符条…...

编程日记 2026/3/16 16:22:04

软件测试中的BUG

文章目录 软件测试的生命周期BugBug 的概念描述 Bug 的要素案例Bug 级别Bug 的生命周期与开发产生争执怎么办&#xff1f;【高频面试题】先检查自身&#xff0c;Bug 是否描述的不清楚站在用户角度考虑并抛出问题Bug 的定级要有理有据提⾼自身技术和业务水平&#xff0c;做到不仅…...

编程日记 2026/3/18 20:10:40

TinyEngine v2.2版本发布：支持页面嵌套路由，提升多层级路由管理能力开发分支调整

2025年春节假期已过&#xff0c;大家都带着慢慢的活力回到了工作岗位。为了让大家在新的一年继续感受到 Tiny Engine 的成长与变化&#xff0c;我们很高兴地宣布&#xff1a;TinyEngine v2.2版本正式发布&#xff01;本次更新带来了重要的功能增强------页面支持嵌套路由&#…...

编程日记 2026/3/20 0:48:09

Web自动化之Selenium添加网站Cookies实现免登录

在使用Selenium进行Web自动化时&#xff0c;添加网站Cookies是实现免登录的一种高效方法。通过模拟浏览器行为&#xff0c;我们可以将已登录状态的Cookies存储起来&#xff0c;并在下次自动化测试或爬虫任务中直接加载这些Cookies&#xff0c;从而跳过登录步骤。 Cookies简介 …...

编程日记 2026/3/19 22:30:46

Storm实时流式计算系统（全解）——中

storm编程的基本概念-topo-spout-bolt 例如下&#xff1a; storm 编程接口-spout的结构及组件实现 storm编程案例-spout组件-实现 这是我的第一个组件&#xff08;spout组件继承BaseRichSput&#xff09;所有重写内部的三个方法&#xff0c;用于接收数据&#xff08;这里数据是…...

编程日记 2026/3/23 13:35:47

【算法工程】大模型局限性新发现之解决能连github但无法clone项目的问题

最近&#xff0c;linux服务器遇到一个奇怪的问题&#xff0c;能ping通github&#xff0c;但是无法clone git项目&#xff0c;尝试了各种大模型&#xff0c;都提到代理啥的问题&#xff0c;发现没有一个能解决问题。 后来尝试设置 http.sslVerify 为 false&#xff0c;才解决问题…...

编程日记 2026/3/22 2:34:46

让deepseek更专业的提示词教程

一、明确需求和目标 在使用DeepSeek之前&#xff0c;首先要明确你的需求和目标。例如&#xff0c;你是要生成一篇学术论文的摘要&#xff0c;还是一个商业文案的大纲&#xff0c;亦或是一段技术分析。明确的目标可以帮助你更有针对性地编写提示词。 二、使用专业术语和结构化…...

编程日记 2026/3/25 8:37:19

《Python实战进阶》No 9：使用 Celery 实现异步任务队列

第9集&#xff1a;使用 Celery 实现异步任务队列 引言 在现代 Web 应用中&#xff0c;许多操作&#xff08;如发送邮件、处理文件上传、执行复杂计算等&#xff09;可能需要耗费较长时间。如果这些操作直接在主线程中执行&#xff0c;会导致用户请求阻塞&#xff0c;降低用户体…...

编程日记 2026/3/14 10:58:34

【Mark】记录用宝塔+Nginx+worldpress+域名遇到的跨域，301，127.0.0.1，CSS加载失败问题

背景 想要用宝塔搭建worldpress&#xff0c;然后用域名直接转https&#xff0c;隐藏掉ipport。 结果被折磨了1天&#xff0c;一直在死活在301&#xff0c;127.0.0.1打转 还有css加载不了的情况 因为worldpress很多是301重定向的&#xff0c;所以改到最后我都不知道改了什么&am…...

编程日记 2026/3/17 22:47:44

Linux | Ubuntu 与 Windows 双系统安装 / 高频故障 / UEFI 安全引导禁用

注&#xff1a;本文为 “buntu 与 Windows 双系统及高频故障解决” 相关文章合辑。 英文引文&#xff0c;机翻未校。 How to install Ubuntu 20.04 and dual boot alongside Windows 10 如何将 Ubuntu 20.04 和双启动与 Windows 10 一起安装 Dave’s RoboShack Published in…...

编程日记 2026/3/25 16:16:38

计算机毕业设计SpringBoot+Vue.js手机商城 (源码+文档+PPT+讲解)

温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 作者简介&#xff1a;Java领…...

编程日记 2026/3/25 17:52:09

CSS—隐藏元素：1分钟掌握与使用隐藏元素的方法

个人博客&#xff1a;haichenyi.com。感谢关注 1. 目录 1–目录2–display:none3–visibility: hidden4–opacity: 05–position: absolute;与 left: -9999px;6–z-index 和 position7–clip-path: circle(0%) 2. display:none 标签会挂载在html中&#xff0c;但是不会在页面上…...

编程日记 2026/3/26 8:50:01

EtherCAT总线学习笔记

一、EtherCAT的概述&#xff1a; EtherCAT是由德国BECKHOFF自动化公司于2003年提出的 实时工业以太网技术。它具有高速和高数据有效率的特点&#xff0c;支持多种设备连接拓扑结构。其 从站节点使用专用控制芯片&#xff0c;主站使用标准的以太网控制器。 EtherCAT的主要特点如…...

编程日记 2026/3/28 19:43:11