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

HTML 基础架构：理解网页的骨架

news 文章来源：https://blog.csdn.net/jht_520/article/details/143657259 2025/2/3 15:10:15

HTML的文档结构主要由以下几个部分组成：<html>、<head>和<body>。

  • <html>标签是HTML文档的根元素，用来包裹整个HTML文档的内容。
  • <head>标签用于定义文档的头部，包含了一些元数据和其他不直接显示在页面上的内容。
  • <body>标签则用来定义文档的主体部分，其中的内容会被显示在浏览器窗口中。

在<head>标签内部，可以设置页面标题、元数据等。下面是一些常用的标签：

  • <title>标签用于设置页面的标题，在浏览器的标签栏中显示。 例如：<title>这是页面的标题</title>

  • <meta>标签用于设置页面的元数据，包括字符编码、关键字、描述等。 例如：<meta charset="UTF-8">用于设置字符编码为UTF-8。 <meta name="keywords" content="HTML, 标签, 元数据">用于设置页面的关键字。 <meta name="description" content="这是页面的描述">用于设置页面的描述。

  • <link>标签用于引入外部样式表（CSS文件）和其他外部资源。 例如：<link rel="stylesheet" href="styles.css">用于引入名为styles.css的样式表。

  • <script>标签用于引入JavaScript文件，或者直接在标签内部编写JavaScript代码。 例如：<script src="script.js"></script>用于引入名为script.js的JavaScript文件。

在<body>标签内部，可以编写HTML元素和内容，这些内容会显示在浏览器窗口中。例如：

<body><h1>这是一个标题</h1><p>这是一个段落</p>
</body>

上述代码中，<h1>标签用于创建一个大标题，<p>标签用于创建一个段落。

总结：HTML的文档结构由<html>、<head>和<body>标签组成。在<head>标签内部，可以设置页面标题、元数据等。在<body>标签内部，可以编写HTML元素和内容，这些内容会显示在浏览器窗口中。

相关文章：

HTML 基础架构：理解网页的骨架

HTML的文档结构主要由以下几个部分组成&#xff1a;<html>、<head>和<body>。 <html>标签是HTML文档的根元素&#xff0c;用来包裹整个HTML文档的内容。<head>标签用于定义文档的头部&#xff0c;包含了一些元数据和其他不直接显示在页面上的内…...

编程日记 2024/11/11 8:32:10

FPGA学习笔记#5 Vitis HLS For循环的优化（1）

本笔记使用的Vitis HLS版本为2022.2&#xff0c;在windows11下运行&#xff0c;仿真part为xcku15p_CIV-ffva1156-2LV-e&#xff0c;主要根据教程&#xff1a;跟Xilinx SAE 学HLS系列视频讲座-高亚军进行学习 从这一篇开始正式进入HLS对C代码的优化笔记 目录 1.循环优化中的基…...

编程日记 2024/11/11 8:26:05

web实操4——servlet体系结构

servlet体系结构 我们基本都只实现service方法&#xff0c;其余几个都不用&#xff0c; 之前我们直接实现servlet接口&#xff0c;所有的方法都必须实现&#xff0c;不用也得写&#xff0c;不然报错&#xff0c;写了又不用当摆设。 能不能只要定义一个service方法就可以&…...

编程日记 2024/11/11 8:25:04

Linux开发讲课48--- Linux 文件系统概览

本文旨在高屋建瓴地来讨论 Linux 文件系统概念&#xff0c;而不是对某种特定的文件系统&#xff0c;比如 EXT4 是如何工作的进行具体的描述。另外&#xff0c;本文也不是一个文件系统命令的教程。 每台通用计算机都需要将各种数据存储在硬盘驱动器&#xff08;HDD&#xff09;…...

编程日记 2024/11/11 8:22:01

Node.js 模块详解

模块的概念 Node.js 运行在 V8 JavaScript 引擎上&#xff0c;通过 require() 函数导入相关模块来处理服务器端的各种进程。一个 Node.js 模块可以是一个函数库、类集合或其他可重用的代码&#xff0c;通常存储在一个或多个 .js 文件中。 例如&#xff0c;启动一个 Node.js 服…...

编程日记 2024/11/11 8:18:59

大厂面试真题-说说tomcat的优缺点

Tomcat作为服务器&#xff0c;特别是作为Java Web服务器&#xff0c;具有一系列优点和缺点。以下是对其优缺点的详细分析&#xff1a; 优点 开源免费&#xff1a; Tomcat是一个免费、开源的Web服务器&#xff0c;用户可以在任何环境下自由使用&#xff0c;无需支付任何费用。…...

编程日记 2024/11/11 8:17:57

Linux系统编译boot后发现编译时间与Windows系统不一致的解决方案

现象 如下图&#xff0c;从filezilla软件看虚拟机Linux中编译的uboot.img修改时间与Windows系统时间不同 解决过程 在Linux中查看编译的uboot详细信息&#xff0c;从而得到编译时间。终端输入ls -l后&#xff0c;如下图&#xff1a; 结论 说明在Linux是按照Windows系统时…...

编程日记 2024/11/11 8:16:56

WPS Office手机去广高级版

工具介绍功能特点 WPS Office是使用人数最多的移动办公软件&#xff0c;独有手机阅读模式&#xff0c;字体清晰翻页流畅&#xff1b;完美支持文字&#xff0c;表格&#xff0c;演示&#xff0c;PDF等51种文档格式&#xff1b;新版本具有海量精美模版及高级功能 安装环境 [名称…...

编程日记 2024/11/11 8:14:53

Python爬虫基础-正则表达式！

前言 正则表达式是对字符串的一种逻辑公式&#xff0c;用事先定义好的一些特定字符、及这些特定字符的组合&#xff0c;组成一个“规则的字符串”&#xff0c;此字符串用来表示对字符串的一种“过滤”逻辑。正在在很多开发语言中都存在&#xff0c;而非python独有。对其知识点…...

编程日记 2024/11/11 8:12:50

Python处理PDF组件使用及注意事项

在 Python 中处理 PDF 文件时&#xff0c; 使用的组件及注意事项如下&#xff1a; 1. PyPDF2 / PyPDF4 说明&#xff1a; PyPDF2 和 PyPDF4 都是功能强大的 PDF 操作库&#xff0c;适用于合并、拆分、旋转 PDF 文件&#xff0c;提取 PDF 元数据等。PyPDF4 是 PyPDF2 的一个分…...

编程日记 2024/11/11 8:10:48

langgraph_plan_and_execute

整体入门demo 教程概览 欢迎来到LangGraph教程&#xff01; 这些笔记本通过构建各种语言代理和应用程序&#xff0c;介绍了如何使用LangGraph。 快速入门&#xff08;Quick Start&#xff09; 快速入门部分通过一个全面的入门教程&#xff0c;帮助您从零开始构建一个代理&a…...

编程日记 2024/11/11 8:07:45

[代码随想录打卡Day8] 344.反转字符串 541. 反转字符串II 54. 替换数字

反转字符串 难度&#xff1a;易。 问题描述&#xff1a;编写一个函数&#xff0c;其作用是将输入的字符串反转过来。输入字符串以字符数组 s 的形式给出。不要给另外的数组分配额外的空间&#xff0c;你必须原地修改输入数组、使用 O(1) 的额外空间解决这一问题。 这个就是开头…...

编程日记 2024/11/11 8:06:43

DCN DCWS-6028神州数码 AC 设备配置笔记

DCN DCWS-6028神州数码 AC 设备配置笔记 一、前期准备 PC 电脑网络配置 目的：使 PC 能够访问 AC 的 web 管理控制台。配置详情：web 管理控制台地址为 192.168.1.10，将 PC 电脑 IP 地址配置在 192.168.1.1 - 192.168.1.254 网段内，如 192.168.1.110，子网掩码 255.255.255.…...

编程日记 2024/11/11 8:03:34

Go语言的常用内置函数

文章目录 一、Strings包字符串处理包定义Strings包的基本用法Strconv包中常用函数 二、Time包三、Math包math包概述使用math包 四、随机数包&#xff08;rand&#xff09; 一、Strings包 字符串处理包定义 Strings包简介&#xff1a; 一般编程语言包含的字符串处理库功能区别…...

编程日记 2024/11/11 8:02:32

华为OD技术一面手撕题

150. 逆波兰表达式求值 来自leecode 给你一个字符串数组 tokens &#xff0c;表示一个根据 逆波兰表示法 表示的算术表达式。 请你计算该表达式。返回一个表示表达式值的整数。 注意&#xff1a; 有效的算符为 、-、* 和 / 。每个操作数&#xff08;运算对象&#xff09;都…...

编程日记 2024/11/11 8:00:29

Qt低版本多网卡组播bug

原文地址 最近在某个项目中&#xff0c;发现了一个低版本Qt的bug&#xff0c;导致组播无法正常使用&#xff0c;经过一番排查&#xff0c;终于找到了原因&#xff0c;特此记录。 环境 Qt&#xff1a;5.7.0 mingw32操作系统&#xff1a;windows 11 现象 在Qt5.7.0版本中&…...

编程日记 2024/11/11 7:59:28

Leetcode：540. 有序数组中的单一元素

题目 给你一个仅由整数组成的有序数组&#xff0c;其中每个元素都会出现两次&#xff0c;唯有一个数只会出现一次。 请你找出并返回只出现一次的那个数。 你设计的解决方案必须满足 O(log n) 时间复杂度和 O(1) 空间复杂度。 输入: nums [1,1,2,3,3,4,4,8,8] 输出: 2 输入:…...

编程日记 2024/11/11 7:57:25

Python数据分析NumPy和pandas（二十七、数据可视化 matplotlib API 入门）

数据可视化或者数据绘图是数据分析中最重要的任务之一&#xff0c;是数据探索过程的一部分&#xff0c;数据可视化可以帮助我们识别异常值、识别出需要的数据转换以及为模型生成提供思考依据。对于Web开发人员&#xff0c;构建基于Web的数据可视化显示也是一种重要的方式。Pyth…...

编程日记 2024/11/11 7:56:24

数组指针和指针的区别

区分数组指针和指针数组 int *p[3]和 int (*p)[3] 根据运算符的优先级&#xff0c;"[]"的优先级是高于“*”的&#xff0c;p就会先与[]结合&#xff0c;那么它本质就是数组&#xff0c;数组内存放的是指针&#xff0c;它叫指针数组。&#xff08;int*p[3]&#xff…...

编程日记 2024/11/11 7:55:24

Linux git-bash配置

参考资料 命令提示符Windows下的Git Bash配置&#xff0c;提升你的终端操作体验WindowsTerminal添加git-bash 目录 一. git-bash配置1.1 解决中文乱码1.2 修改命令提示符 二. WindowsTerminal配置git-bash2.1 添加git-bash到WindowsTerminal2.2 解决删除时窗口闪烁问题 三. VS…...

编程日记 2024/11/11 7:52:20

【后端速成Vue】computed计算属性

前言&#xff1a; 本期将会介绍 Vue 中的计算属性&#xff0c;他和 methods 方法又会有什么区别呢&#xff1f;在这里都会给你一一讲解。 篮球哥找工作专属IT岗位内部推荐&#xff1a; 专属内推链接&#xff1a;内推通道 1、computed计算属性 概念&#xff1a; 基于现有的数据…...

编程日记 2024/11/11 7:50:16

力扣－每日温度

. - 力扣&#xff08;LeetCode&#xff09; 这是我的第一个思路 虽然可以得到正确答案 但是过于暴力 已经超出了时间限制 class Solution { public:vector<int> dailyTemperatures(vector<int>& temperatures) {vector<int>ans;for (int i 0; i <…...

编程日记 2024/11/11 7:45:10

（Go语言）初上手Go？本篇文章帮拿捏Go的数据类型！

1. bool 类型 布尔类型&#xff1a;只有 true 和 false 两种值 在Go中&#xff0c;整数 0 不代表 false 值&#xff0c;1也不代表 true 值 即数字无法代替布尔值进行逻辑判断&#xff0c;两者是完全不同的类型 布尔类型占用 1 字节 2. int 整型 Go中为不同位数的整数分配…...

编程日记 2024/11/11 7:44:09

支付宝域名如何加入白名单（扫码老是弹窗）

支付宝扫码之后，遇到非支付宝官方网页，请确认是否继续访问弹窗，问题解决办法。 本章教程提供解决办法，亲测有效。 一、打开支付宝开放平台 登录地址：https://open.alipay.com/ 然后进行扫码登录。 1、打开网页/移动应用开发 2、前往创建 3、创建应用...

编程日记 2024/11/11 7:42:06

嵌入式学习第21天Linux基础

目录 第1章 Linux 系统介绍 1.1 Unix 操作系统&#xff08;了解&#xff09; 1.2 Linux 操作系统&#xff08;了解&#xff09; 1.3 Linux 操作系统的主要特性&#xff08;重点&#xff09; 1.4 Linux 与 Unix 的区别与联系 1.5 GUN 与 GPL&#xff08;了解&#xff09; …...

编程日记 2024/11/11 7:39:03

【activiti工作流源码集成】springboot+activiti+mysql+vue+redis工作流审批流集成整合业务绑定表单流程图会签驳回

工作流集成实际项目案例&#xff0c;demo提供 源码获取方式&#xff1a;本文末个人名片直接获取。 前言 activiti工作流引擎项目&#xff0c;企业erp、oa、hr、crm等企事业办公系统轻松落地&#xff0c;请假审批demo从流程绘制到审批结束实例。 一、项目形式 springbootvue…...

编程日记 2024/11/11 7:36:00

华为私有接口类型hybrid

华为私有接口类型hybrid Tip&#xff1a;hybrid类型&#xff0c;简称混合型接口。 本次实验模拟2层网络下 vlan10 vlan20 不能互访&#xff0c;vlan10 vlan20 同时可以访问vlan100 sw1配置如下&#xff1a; <Huawei>sy [Huawei]sys sw1 [sw1]vl ba 10 20 100 [sw1]int…...

编程日记 2024/11/11 7:31:56

计算机的错误计算（一百五十）

摘要 探讨 MATLAB 中 的计算精度问题。当 为含有小数的大数或 &#xff08;&#xff09;附近数时&#xff0c;输出会有错误数字。 例1. 已知 计算 直接贴图吧&#xff1a; 另外&#xff0c;16位的正确值分别为 -0.7882256119904400e0、0.1702266977524110e0、-0.…...

编程日记 2024/11/11 7:30:55

【模块化大作战】Webpack如何搞定CommonJS与ES6混战（3）

在前端开发中&#xff0c;模块化是一个重要的概念&#xff0c;不同的模块化标准有不同的特点和适用场景。webpack 同时支持 CommonJS 和 ES6 Module&#xff0c;因此需要理解它们在互操作时 webpack 是如何处理的。 同模块化标准 如果导出和导入使用的是同一种模块化标准&…...

编程日记 2024/11/11 7:29:53

工程认证与Spring Boot：计算机课程管理的新探索

摘要 随着信息技术在管理上越来越深入而广泛的应用&#xff0c;管理信息系统的实施在技术上已逐步成熟。本文介绍了基于工程教育认证的计算机课程管理平台的开发全过程。通过分析基于工程教育认证的计算机课程管理平台管理的不足&#xff0c;创建了一个计算机管理基于工程教育认…...

编程日记 2024/11/11 7:28:53

网站建设年终总结怎么写/网站设计说明

起因刚完成一个版本的开发。刚上Google play 就有用户反映无法更新应用。错误代码为&#xff1a;Cant install app "****" can be installed.Try again, and if the problem continues,get help toubleshooting.(Error code: -505)解决思路得到这样的Bug当然感觉到莫…...

编程日记 2025/2/3 13:52:03

xly000 wordpress/嘉兴百度快照优化排名

1、水果店利润并不是很高 从现在开水果店卖水果的整体利润来说&#xff0c;毛利润一般能在40%左右&#xff0c;纯利润能在20%左右就能活下去&#xff0c;现在水果店多、竞争激烈&#xff0c;保鲜保质期都很短的&#xff0c;位置不好哦和经验不够人多&#xff0c;每天都会出现水…...

编程日记 2025/2/3 10:44:37

做网站的人叫什么软件/百度如何做推广

因为早期设计的IP地址利用率低、会使路由表变得太大及两级IP地址不够灵活的缺陷&#xff0c;我们在IP地址中再增加一个子网号字段。使两级IP地址变为三级IP地址&#xff0c;也就是划分子网。 IP地址 &#xff1a;&#xff1a;&#xff5b;<网络号>, <子网号>, <…...

编程日记 2025/2/3 7:01:29

做那种英文网站有流量/网络卖货平台有哪些

JDK自带的native2ascii工具完全揭密作者&#xff1a;熔岩日期&#xff1a;2006-12-19MSN &#xff1a;[email]leizhimin126.com[/email]背景&#xff1a;在做Java开发的时候&#xff0c;常常会出现一些乱码&#xff0c;或者无法正确识别或读取的文件&#xff0c;比如常见的vali…...

编程日记 2025/2/3 4:36:02

flash网站建设技术.../搜索引擎优化方法与技巧

如果先安装AndroidSDK&#xff0c;进到解压缩路径里tools目录下运行./android升级的android api版本&#xff0c;在随后eclipse安装完&#xff0c;adt安装完&#xff0c;添加路径的时候会不识别。因此最好的安装顺序是&#xff1a;1&#xff0c;安装jdk2&#xff0c;安装eclips…...

编程日记 2025/2/3 3:15:00

注册了一个域名怎么做网站/站长网站优化公司

1. 什么是浮点数 在计算机系统的发展过程中&#xff0c;曾经提出过多种方法表达实数。典型的比如相对于浮点数的定点数&#xff08;Fixed Point Number&#xff09;。在这种表达方式中&#xff0c;小数点固定的位于实数所有数字中间的某个位置。货币的表达就可以使用这种方式&a…...

编程日记 2025/2/3 1:09:42