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

Wed前端--HTML基础

news 2026/3/26 0:17:39

目录

一、开发工具

二、HTML文档结构 

 2.1头部head

2.1.1title标记

2.1.2元信息meta标记

具体实例

​编辑

一、开发工具

最基础的开发工具是：HBuilder

二、HTML文档结构 

HTML文档由头部head和主体body组成

头部head标记中可以定义标题样式，头部信息不显示在网页上；

主体body 标记中可以定义段落，标题字，超链接，脚本，表格，表单

HTML文档的基本结构如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body></body>
</html>

 2.1头部head

头部head标记主要包含页面标题标记，元信息标记，样式标记，脚本标记，链接标记

头部标记所包含的信息不会展示在网页上。

2.1.1title标记

语法说明

<title>是开始标记

</title>是结束标记

两者之间内容显示在浏览器的标题栏上

例如：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>页面标题</title></head><body></body>
</html>

2.1.2元信息meta标记

 meta标记用来描述一个HTML网页文档属性，也称为元信息，这些信息不会显示在浏览器页面中，例如：作者，日期，时间

基本语法

			<meta name=""content="" ><meta http-equiv=""content="">

name属性用于描述网页，它是“名称/值”形式中的名称，name属性的值所描述的内容通过content属性表示，便于搜索引擎机器人查找，分类，其中最重要的是description、keywords、 robots

http-equiv属性用于提供HTTP协议的响应头报文，它回应给浏览器一些有用的信息，以帮助浏览器正确精准的显示网页内容，http-equiv属性的值所描述的内容通过content属性表示

meta标记的属性、取值如下所示

具体实例

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>传统美德故事：铁杵磨成针</title><style type="text/css">div{text-align: center;}p{text-align: left;text-indent:2em;margin: 3px ;}strong,em(color:red;)</style>	</head><body bgcolor="#FEFEFE" leftmargin="100px"rightmargin="100px"><h2 align="center">传统美德故事：铁杵磨成针</h2><hr size="1"color="red"width="100%" /><div id="class="><img src="R-C.jpg" /><p>唐朝大诗人李白，小时候不喜欢读书。一天，乘老师不在屋，悄悄溜出门去玩儿。他来到山下小河边，见一位老婆婆，在石头上磨一根铁杵。李白很纳闷，上前问：“老婆婆，您磨铁杵做什么？”老婆婆说：“我在磨针。”李白吃惊地问：“哎呀！铁杵这么粗大，怎样能磨成针呢？”老婆婆笑呵呵地说：“只要天天磨铁杵总能越磨越细，还怕磨不成针吗？” </p><p>聪明的李白听后，想到自己，心中惭愧，转身跑回了书屋。从此，他牢记<strong>“只要功夫深，铁杵磨成针”</strong>的道理，发奋读书，最后成为有名的大诗人。</p>“书山有路勤为径，学海无涯苦作舟”   中华民族自强不息的精神，在勤奋读书方面表现得格外突出。不论是善于治国的政治家，还是胸怀韬略的军事家；不论是思维敏捷的思想家，还是智慧超群的科学家，他们之所以在事业上不同凡响，都是与他们从小的远大抱负分不开的。俗话说：“有志者立常志，无志者常立志”，立志，贵在少年。 </p><hr size="1" color="red" width="100%" /></div></body>
</html>

相关文章：

Wed前端--HTML基础

目录 一、开发工具 二、HTML文档结构 2.1头部head 2.1.1title标记 2.1.2元信息meta标记 具体实例 ​编辑 一、开发工具 最基础的开发工具是&#xff1a;HBuilder 二、HTML文档结构 HTML文档由头部head和主体body组成 头部head标记中可以定义标题样式&#xff0c;头部信…...

编程日记 2024/9/30 7:08:41

Latex 自定义运算符加限定条件的实现

“\operatorname{mean}\limits_{n \in N}” 的效果 mean ⁡ n ∈ N \operatorname{mean}\limits_{n \in N} meann∈N​ “\operatorname*{mean}\limits_{n \in N}” 的效果 mean ⁡ n ∈ N \operatorname*{mean}\limits_{n \in N} n∈Nmean​ 参考这篇文章...

编程日记 2024/9/30 7:06:39

大数据实时数仓Hologres（三）：存储格式介绍

文章目录 存储格式介绍 一、格式 二、使用建议 三、技术原理 1、列存 2、行存 3、行列共存 四、使用示例 存储格式介绍 一、格式 在Hologres中支持行存、列存和行列共存三种存储格式&#xff0c;不同的存储格式适用于不同的场景。在建表时通过设置orientation属性指…...

编程日记 2024/9/30 7:05:38

关于vue2+uniapp+uview+vuex 私募基金项目小程序总结

1.关于权限不同tabbar处理 uniapp 实现不同用户展示不同的tabbar(底部导航栏)_uniapp tabbar-CSDN博客 但是里面还有两个问题 一个是role应该被本地存储并且初始化 第二个问题是假设我有3个角色 每个角色每个tabbar不一样的&#xff0c;点击tabbar时候会导致错乱 第三个问题…...

编程日记 2024/9/30 7:04:37

多线程（一）：线程的基本特点线程安全问题ThreadRunnable

目录 1、线程的引入 2、什么是线程 3、线程的基本特点 4、线程安全问题 5、创建线程 5.1 继承Thread类&#xff0c;重写run 5.1.1 创建Thread类对象 5.1.2 重写run方法 5.1.3 start方法创建线程 5.1.4 抢占式执行 5.2 实现Runnable&#xff0c;重写run【解耦合】★…...

编程日记 2024/9/30 7:03:36

启动hadoop集群出现there is no HDFS_NAMENODE_USER defined.Aborting operation

解决方案 在hadoop-env.sh中添加 export HDFS_DATANODE_USERroot export HDFS_NAMENODE_USERroot export HDFS_SECONDARYNAMENODE_USERroot export YARN_RESOURCEMANAGER_USERroot export YARN_NODEMANAGER_USERroot 再次运行即可。...

编程日记 2024/9/30 7:02:35

Redis实现短信登录解决状态登录刷新的问题

Redis实现短信登录 获取验证码控制层 /*** 发送手机验证码*/PostMapping("/code")public Result sendCode(RequestParam("phone") String phone) {// TODO 发送短信验证码并保存验证码return userService.sendCode(phone);} 获取验证码服务层 Result sendC…...

编程日记 2024/9/30 7:01:34

33. java快速排序

1. 前言 排序算法是数据结构中最基础的算法，快速排序则是面试中最常见的排序算法。无论是校招面试还是社招面试，快速排序算法的出现频率远高于其他算法，而且经常会要求候选人白板手写实现算法。快速排序算法的核心是分治处理，重点是分析时间复杂度。 2. 快速排序算法 面试…...

编程日记 2024/9/30 7:00:33

普通二叉搜索树的模拟实现【C++】

二叉搜素树简单介绍 二叉搜索树又称二叉排序树&#xff0c;是具有以下性质的二叉树: 若它的左子树不为空&#xff0c;则左子树上所有节点的值都小于根节点的值 若它的右子树不为空&#xff0c;则右子树上所有节点的值都大于根节点的值 它的左右子树也分别为二叉搜索树 注意…...

编程日记 2024/9/30 6:59:32

unity 介绍Visual Scripting Scene Variables

Visual Scripting中的场景变量是指在Unity中使用可视化脚本时&#xff0c;能够在不同场景间传递和存储数据的变量。这些变量可以用来跟踪游戏状态、玩家信息或其他动态数据&#xff0c;允许开发者在不编写代码的情况下创建复杂的游戏逻辑。 场景变量的优势包括&#xff1a; 1…...

编程日记 2024/9/30 6:58:31

linux服务器部署filebeat

# 下载filebeat curl -L -O https://artifacts.elastic.co/downloads/beats/filebeat/filebeat-7.17.23-linux-x86_64.tar.gz # 解压 tar xzvf filebeat-7.17.23-linux-x86_64.tar.gz# 所在位置&#xff08;自定义&#xff09; /opt/filebeat-7.17.23-linux-x86_64/filebeat.ym…...

编程日记 2024/9/30 6:57:30

个人获取Wiley 、ScienceDirect、SpringerLink三个数据库文献的方法

在同学们的求助文献中经常出现Wiley 、ScienceDirect、SpringerLink这三个数据库文献。本文下面就讲解一下个人如何不用求助他人自己搞定这三个数据库文献下载的方法。 个人下载文献首先要先获取数据库资源&#xff0c;小编平时下载文献是通过科研工具——文献党下载器获取的数…...

编程日记 2024/9/30 6:55:28

Java五子棋

目录 一&#xff1a;案例要求&#xff1a; 二&#xff1a;代码&#xff1a; 三&#xff1a;结果&#xff1a; 一&#xff1a;案例要求&#xff1a; 实现一个控制台下五子棋的程序。用一个二维数组模拟一个15*15路的五子棋棋盘&#xff0c;把每个元素赋值位“┼”可以画出棋…...

编程日记 2024/9/30 6:53:27

【从0开始自动驾驶】用python做一个简单的自动驾驶仿真可视化界面

【从0开始自动驾驶】用python做一个简单的自动驾驶仿真可视化界面 废话几句废话不多说&#xff0c;直接上源码目录结构init.pysimulator.pysimple_simulator_app.pyvehicle_config.json 废话几句 自动驾驶开发离不开仿真软件成品仿真软件种类多https://zhuanlan.zhihu.com/p/3…...

编程日记 2024/9/30 6:52:26

一拖二快充线：单接与双接的多场景应用

在当代社会&#xff0c;随着智能手机等电子设备的普及&#xff0c;充电问题成为了人们关注的焦点。一拖二快充线作为一种创新的充电解决方案&#xff0c;因其便捷性与高效性而受到广泛关注。本文将深入探讨一拖二快充线的定义、原理以及在单接与双接手机场景下的应用&#xff0…...

编程日记 2024/9/30 6:50:24

接口自动化测试概述

目录 1 接口自动化测试简介 1.1 什么是接口 1.2 什么是接口测试 1.3 为什么要做接口测试 1.4 什么是接口测试自动化 1.5 为什么要做接口测试自动化 2 接口自动化测试规范 2.1 文档准备 2.1.1 需求文档 2.1.2 接口文档 2.1.3 UI 交互图 2.1.4 数据表设计文档 2.2 明…...

编程日记 2024/9/30 6:49:23

Fingerprint.js：精准用户识别的浏览器指纹技术

在数字化时代&#xff0c;用户识别成为互联网服务中不可或缺的一环。随着隐私保护意识的增强&#xff0c;传统的用户识别方法如Cookies和本地存储面临着越来越多的挑战。而Fingerprint.js作为一种创新的浏览器指纹技术&#xff0c;以其高效、隐私友好的特性&#xff0c;逐渐在个…...

编程日记 2024/9/30 6:43:16

Gson将对象转换为JSON（学习笔记）

JSON有两种表示结构&#xff0c;对象和数组。对象结构以"{"大括号开始&#xff0c;以"}"大括号结束。中间部分由0或多个以”&#xff0c;"分隔的”key(关键字)/value(值)"对构成&#xff0c;关键字和值之间以":"分隔&#xff0c;语法结…...

编程日记 2024/9/30 6:42:15

什么是IPv6

目前国内的网络正在快速的向IPv6升级中&#xff0c;从网络基础设施如运营商骨干网、城域网&#xff0c;到互联网服务商如各类云服务&#xff0c;以及各类终端设备厂商如手机、电脑、路由器、交换机等。目前运营商提供的IPv6线路主要分为支持前缀授权和不支持前缀授权两种。 说…...

编程日记 2024/9/30 6:41:14

python画图|放大和缩小图像

在较多的画图场景中&#xff0c;需要对图像进行局部放大&#xff0c;掌握相关方法非常有用&#xff0c;因此我们很有必要一起学习 【1】官网教程 首先是进入官网教程&#xff0c;找到学习资料&#xff1a; https://matplotlib.org/stable/gallery/subplots_axes_and_figures…...

编程日记 2024/9/30 6:36:10

SenseVoice-Small模型在软件测试自动化中的应用：语音交互功能测试

SenseVoice-Small模型在软件测试自动化中的应用&#xff1a;语音交互功能测试 最近和几个做软件测试的朋友聊天&#xff0c;他们都在抱怨同一个问题&#xff1a;现在带语音交互功能的App和系统越来越多了&#xff0c;什么手机助手、智能车机、智能家居控制&#xff0c;测试起来…...

编程新知 2026/3/25 23:05:53

CentOS 7下Google Chrome离线安装全攻略（附依赖包下载清单）

CentOS 7下Google Chrome离线安装全攻略&#xff08;附依赖包下载清单&#xff09; 在企业级Linux环境中&#xff0c;CentOS 7因其稳定性和安全性仍然是许多组织的首选。然而&#xff0c;当需要在隔离网络环境下部署现代浏览器时&#xff0c;依赖关系往往成为技术人员的噩梦。…...

编程新知 2026/3/25 23:01:49

ANSYS Workbench ACT插件 FE Info 实战指南：从安装调试到高效查询

1. 为什么你需要FE Info插件 在ANSYS Workbench中进行有限元分析时&#xff0c;经常会遇到需要查询节点编号、单元信息或者测量距离的情况。比如设置耦合约束时&#xff0c;需要精确知道两个节点的距离&#xff1b;验证网格质量时&#xff0c;需要快速定位特定单元&#xff1b;…...

编程新知 2026/3/25 22:55:39

Ubuntu 20.04 下 Vitis 2021.2 离线安装全记录：从77G压缩包到环境变量配置（附磁盘分区建议）

Ubuntu 20.04环境下Vitis 2021.2超大型工程软件部署实战指南 当77GB的Vitis安装包静静躺在硬盘角落时&#xff0c;任何工程师都会意识到这将是一场硬仗。不同于常规软件安装&#xff0c;FPGA开发环境的部署更像是在操作系统中搭建另一个操作系统——它需要精确的磁盘规划、严格…...

编程新知 2026/3/25 22:51:20

5个智能诊断技巧：如何快速定位开源项目性能瓶颈？

5个智能诊断技巧&#xff1a;如何快速定位开源项目性能瓶颈&#xff1f; 【免费下载链接】klipper Klipper is a 3d-printer firmware 项目地址: https://gitcode.com/GitHub_Trending/kl/klipper 当我们面对开源项目的性能问题时&#xff0c;往往陷入"重启大法&qu…...

编程新知 2026/3/25 22:35:10

ChatGPT Prompt Engineering实战指南：从原理到开发者最佳实践

背景痛点&#xff1a;开发者为何需要系统化的提示工程&#xff1f; 对于许多开发者而言&#xff0c;初次接触ChatGPT等大语言模型API时&#xff0c;常常会经历一个从兴奋到困惑的过程。模型的能力令人惊叹&#xff0c;但将其稳定、可靠地集成到生产应用中却充满挑战。最常见的…...

编程新知 2026/3/25 22:23:06

电商API接口数据采集与应用行业分析

电商 API 接口数据采集与应用行业&#xff0c;已从早期的 “数据获取工具” 升级为电商数字化的核心基础设施&#xff0c;正处于合规化、智能化、全链路整合的高速发展期。2025 年中国电商数据服务市场规模约1800 亿元&#xff0c;年复合增长率25%-30%&#xff1b;全球跨境电商…...

编程新知 2026/3/25 21:06:01

如何利用gs-quant构建专业量化金融分析系统

如何利用gs-quant构建专业量化金融分析系统 【免费下载链接】gs-quant 用于量化金融的Python工具包。 项目地址: https://gitcode.com/GitHub_Trending/gs/gs-quant 在现代金融市场中&#xff0c;量化分析已成为投资决策的核心驱动力。随着市场复杂度提升&#xff0c;金…...

编程新知 2026/3/25 18:57:22

基于 ZOH 离散化与增量 PID 的四旋翼无人机轨迹跟踪控制研究，MATLAB代码

✅作者简介&#xff1a;热爱科研的Matlab仿真开发者&#xff0c;擅长毕业设计辅导、数学建模、数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真。&#x1f34e; 往期回顾关注个人主页&#xff1a;Matlab科研工作室&#x1f447; 关注我领取海量matlab电子书和…...

编程新知 2026/3/25 18:33:16

油猴脚本+Python自动化：B站视频横竖屏自适应切换的保姆级教程

油猴脚本Python自动化&#xff1a;B站视频横竖屏自适应切换的保姆级教程 每次在B站刷视频时&#xff0c;最烦的就是遇到横屏视频和竖屏视频频繁切换的场景。特别是像我这样使用双显示器&#xff08;一个横屏一个竖屏&#xff09;的用户&#xff0c;每次都要手动拖动浏览器窗口到…...

编程新知 2026/3/25 17:51:08