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

HTML基本语法

news 2026/2/6 17:15:17

HTML基本语法

1.介绍：

1.1超文本：

指的是网页中可以显示的内容(图片，超链接，视频…)

1.2标记：标签(通过标记符号来告诉浏览器网页内容该如何显示)

标记语言中，提供了许多的标签，不同的标签有不同的功能，最终运行时，由浏览器对标签进行解析，最终呈现出不同标签的样子

eg：

<b>你好<b> 加粗<a href="http......">html</a>  超链接

用标签描述网页，用浏览器打开，呈现出了网页效果

一个样例：

<!DOCTYPE html>
<!-- 
声明html语言的版本html 5-->
<html> 
<!-- html标签是标记语言中的根标签 --><head><!-- head 头--><meta charset="utf-8" />	<!-- 设置解析网页中的字符集   utf-8包括了所有字符 --><title>百度一下，你就知道</title>	<!-- 标题 --><link href="img/baidu.ico" rel="icon"/><!-- 标题图标设置图片 --></head>
<!-- body是网页的身体，内容 --><body bgcolor="antiquewhite"><!-- 设置背景颜色 --><b>加粗内容</b><!-- 标签结构：<开始标签> 标签体 </结束标签>		闭合标签(封闭的区间)		双标签<标签名/>	自闭合标签，没有修饰的内容，只是完成某个功能		单表签-->aaa<br/><!-- 换行 -->bbb<!-- 标签的属性：	可以通过改变标签属性，设置标签显示的格式属性必须写在开始标签中属性格式		属性名=""--><font color="aqua" size="5">标签的属性</font><!-- color和size就是标签的属性 --></body>
</html>

2.各种标签

2.1标题标签:

		<!-- 标题标签 <h1></h1>...h6 		每一个标签标题都会独占一行align="left"/center/right 	控制标签内容在标签体中水平对齐方式--><h1 align="center"><font color="aquamarine">一级标题</font></h1><h2 align="right">二级标题</h2><h3>三级标题</h3><!-- 标尺线 --><hr/>

2.2段落标签:

		<!--段落标签p表示一个段落  段落与段落之间由间隔--><p align="center">欲买桂花同载酒，终不似，少年游</p><p align="right">生产力决定生产关系，经济基础决定上层建筑</p>

2.3列表标签：

		<!-- 列表标签 -->无序列表<ul type="square"><li>列表项1</li><li>列表项2</li><li>列表项3</li><li>列表项4</li></ul>有序列表<ol type="I"><li>列表项A</li><li>列表项B</li><li>列表项C</li><li>列表项D</li></ol>

2.4超链接：

		<!-- 超链接href="网页地址"target="_blank" 在新窗口打开目标网页target="_self"	在当前窗口打开一个新网页   默认的--><a href="http://www.baidu.com"	target="_blank">百度</a><a href="index.html"	target="_self">index</a><hr/>

2.5图片标签：

		 <!-- 图片标签 --><img src="img/1.png" border="1"/><a href="http://www.nike.com"><img src="img/2.png"/></a>

3.转义符

		<!-- 在网页中有些符号不能直接显示需要通过其他的符号进行代替，这些代替的符号称为转义符&lt; 小于号<&gt; 大于号>&reg; 注册商标 ®&nbsp；空格&copy:  版权符号©-->

4.表格

		 <!-- table-- 表格标签border="1"	边框宽度width="400"	表格宽度cellspacing="0"	设置单元格与单元格之间的距离cellpadding="0" 设置单元格内容到边框的距离tr 	-- 表格行align="left/center/right"	靠左/居中/靠右valign="top/middle/bottom"	靠顶/垂直居中/靠底th 	-- 单元格(表头	居中，加粗)td 	-- 普通的单元格表格中的内容只能放在单元格colspan="4"跨多列合并，从哪合并就在哪个单元格添加colspan="4",记得删除多余的单元格	rowspan是跨多行合并--><table border="1" cellspacing="0" cellpadding="0"><tr bgcolor="antiquewhite"><td></td><td>数学</td><td>英语</td><td>语文</td></tr><tr><td bgcolor="aqua" height="60" align="center" valign="middle">李四</td><td>10</td><td>20</td><td>30</td></tr><tr><td>王五</td><td>10</td><td>20</td><td>30</td></tr><tr><td rowspan="3">张三</td><td></td></tr></table>

相关文章：

HTML基本语法

HTML基本语法 1.介绍&#xff1a; 1.1超文本&#xff1a; 指的是网页中可以显示的内容(图片&#xff0c;超链接&#xff0c;视频…) 1.2标记&#xff1a;标签(通过标记符号来告诉浏览器网页内容该如何显示) 标记语言中&#xff0c;提供了许多的标签&#xff0c;不同的标签…...

编程日记 2024/1/14 5:35:12

二分图最大匹配——匈牙利算法详解

文章目录 零、前言一、红娘牵线二、二分图最大匹配2.1概念2.2交替路2.3增广路2.4匈牙利算法2.4.1算法原理2.4.2算法示例2.4.3代码实现 3.OJ练习3.1模板3.2棋盘覆盖3.3車的放置 零、前言 关于二分图的基本知识见&#xff1a;二分图及染色法判定 一、红娘牵线 一位红娘近日遇到一…...

编程日记 2024/1/14 5:34:11

【AI视野·今日Robot 机器人论文速览 第七十一期】Fri, 5 Jan 2024

AI视野今日CS.Robotics 机器人学论文速览 Fri, 5 Jan 2024 Totally 11 papers &#x1f449;上期速览✈更多精彩请移步主页 Daily Robotics Papers Machine Learning in Robotic Ultrasound Imaging: Challenges and Perspectives Authors Yuan Bi, Zhongliang Jiang, Felix D…...

编程日记 2024/1/14 5:33:10

xtu oj 1334 Least Common Multiple

题目描述 一个集合&#xff0c;任取3个不同的元素&#xff0c;求其最小公倍数中最小的值是多少&#xff1f; 输入 第一行是样例数T(1≤T≤100)。 每个样例的第一行是一个整数n(3≤n≤50)&#xff0c;表示集合元素的个数。 每个样例的第二行是n个整数a1,a2,…,an,1≤ai≤106。…...

编程日记 2024/1/14 5:31:08

【论文笔记】End-to-End Diffusion Latent Optimization Improves Classifier Guidance

Abstract Classifier guidance为图像生成带来了控制&#xff0c;但是需要训练新的噪声感知模型(noise-aware models)来获得准确的梯度&#xff0c;或使用最终生成的一步去噪近似&#xff0c;这会导致梯度错位(misaligned gradients)和次优控制(sub-optimal control)。 梯度错位…...

编程日记 2024/1/14 5:30:07

【HarmonyOS4.0】第四篇-ArkUI基础实战

一、ArkUI框架简介 ArkUI开发框架是方舟开发框架的简称&#xff0c;它是一套构建 HarmonyOS / OpenHarmony 应用界面的声明式UI开发框架&#xff0c;它使用极简的UI信息语法、丰富的UI组件以及实时界面语言工具&#xff0c;帮助开发者提升应用界面开发效率 30%&#xff0c;开发…...

编程日记 2024/1/14 5:29:06

每日一题——LeetCode1128.等价多米诺骨牌对的数量

先尝试暴力解法&#xff1a; var numEquivDominoPairs function(dominoes) {var count0for(let i0;i<dominoes.length-1;i){for(let ji1;j<dominoes.length;j){if((dominoes[i][0]dominoes[j][0] && dominoes[i][1]dominoes[j][1]) || (dominoes[i][0]dominoes…...

编程日记 2024/1/14 5:28:05

关联规则分析（Apriori算法2

目录 1.核心术语&#xff1a;2.强关联规则&#xff1a;小结&#xff1a; 1.核心术语&#xff1a; 支持度&#xff08;Support&#xff09;&#xff1a;指项集出现的频繁程度&#xff08;相当于项集出现的概率&#xff09; 最小支持度有绝对值和占比两种表示方式 置信度&#…...

编程日记 2024/1/14 5:27:04

数据仓库（2）-认识数仓

1、数据仓库是什么 数据仓库 &#xff0c;由数据仓库之父比尔恩门&#xff08;Bill Inmon&#xff09;于1990年提出&#xff0c;主要功能仍是将组织透过资讯系统之联机事务处理(OLTP)经年累月所累积的大量资料&#xff0c;透过数据仓库理论所特有的资料储存架构&#xff0c;做…...

编程日记 2024/1/14 5:26:03

C#编程-实现委托

实现委托 委托是可以存储对方法的引用的对象。在C#中，委托允许您动态地改变类中方法的引用。 考虑咖啡售货机的示例，它配置不同口味的咖啡，例如卡布奇诺咖啡和黑咖啡。在选择所需口味的咖啡时，售货机决定混合各种成分，例如奶粉、咖啡粉、热水、卡布奇诺咖啡粉。所有的材…...

编程日记 2024/1/14 5:25:02

Ubuntu18.04 Qt 实现MQTT

什么是MQTT&#xff1f; 作用是什么&#xff08;适用场景&#xff09;&#xff1f; 与其他通讯协议相比&#xff0c;优缺点在那里&#xff1f; 一.安装 MQTT 服务器 使用 EMQ X&#xff08;开源且可视化管理&#xff09; 下载 EMQX 下载的是 emqx-5.0.26-ubuntu18.04-…...

编程日记 2024/1/14 5:24:01

【软件测试】学习笔记-不同视角的软件性能与性能指标

本篇文章探讨新的测试主题&#xff1a;性能测试&#xff0c;因为性能测试的专业性很强&#xff0c;所以我会以从0到1的入门者视角&#xff0c;系统性地阐述性能测试的方法以及应用领域&#xff0c;用实例去诠释各种性能指标。 本篇文章站在全局的视角&#xff0c;帮你梳理软件性…...

编程日记 2024/1/14 5:23:00

Spring MVC组件

1.DispatcherServlet前端控制器 用户请求到达前端控制器&#xff0c;它就相当于mvc模式中的c&#xff0c;dispatcherServlet 是整个流程控制的中心&#xff0c;由它调用其它组件处理用户的请求&#xff0c;dispatcherServlet 的存在降低了组件之间的耦合性。 2.HandlerMappin…...

编程日记 2024/1/14 5:20:58

vue文件在＜template＞中使用多个＜el-main＞报错（已解决）

目录 1.原理 2. 根据你的需求&#xff0c;自定义每个 组件的内容。你可以在 标签内部插入文本、其他组件、样式等。 3. 根据需要添加样式或其他属性到每个 组件。你可以使用 class、style 或其他属性来自定义每个组件的外观和行为。 4.一个可以运行的总代码如下 5.我的一…...

编程日记 2024/1/14 5:19:57

【PlantUML】- 时序图

写在前面 本篇文章&#xff0c;我们来介绍一下PlantUML的时序图。这个相对类图来讲&#xff0c;比较简单&#xff0c;也不需要布局。读完文章&#xff0c;相信你就能实际操作了。 目录 写在前面一、基本概念二、具体步骤1.环境说明2.元素3.语法4.示例 三、参考资料写在后面系列…...

编程日记 2024/1/14 5:18:57

openai自定义API操作 API （openai.custom）：OpenAI API 实现电商平台的智能库存管理

在电商行业中&#xff0c;库存管理是至关重要的环节之一。一个高效的库存管理系统可以确保商品的正常供应&#xff0c;避免缺货或积压现象&#xff0c;从而提高销售效率和客户满意度。然而&#xff0c;传统的库存管理方式往往存在一些问题&#xff0c;如数据不准确、响应不及时…...

编程日记 2024/1/14 5:17:55

宠物服务新篇章：预约小程序带来的变革

随着科技的进步和互联网的普及&#xff0c;小程序已经成为了一种非常受欢迎的应用形式。对于宠物门店来说&#xff0c;开发一个预约小程序可以大大提高客户体验和管理效率。下面是一份宠物门店预约小程序的开发指南。 浏览器搜索乔拓云&#xff0c;登录乔拓云网后台&#xff0c…...

编程日记 2024/1/14 5:16:54

谷歌最新医学领域LLM大模型：AMIE

2024年1月11日Google 研究院发布最新医疗大模型AMIE&#xff1a;用于诊断医学推理和对话的研究人工智能系统。 文章链接&#xff1a;Articulate Medical Intelligence Explorer (AMIE) giuthub&#xff1a;目前代码未开源 关于大模型之前有过一篇总结&#xff1a;大语言模型(L…...

编程日记 2024/1/14 5:15:53

路由器02_静态路由DHCP

一、静态路由 &#xff11;、静态路由特点 由管理员手工配置&#xff0c;是单向的&#xff0c;缺乏灵活性 &#xff12;、默认路由 默认路由是一种比较特殊静态路由&#xff0c;一般用于末节&#xff08;末梢&#xff09;网络&#xff0c;直接指定目标为任何地方 二、静态…...

编程日记 2024/1/14 5:12:50

Mysql 递归查询所有子节点，hutool树形结构封装

工作中经常会有像目录&#xff0c;部门的多级结构&#xff0c;记录一下查询自己点的方式&#xff0c;留着复制粘贴 方式1&#xff1a; SELECT* FROMcus_department WHEREFIND_IN_SET( id, pid ) > 0;UNIONSELECTcd.* FROM( SELECT * FROM cus_department WHERE pid IS …...

编程日记 2024/1/14 5:10:49

大话软工笔记—需求分析概述

需求分析&#xff0c;就是要对需求调研收集到的资料信息逐个地进行拆分、研究&#xff0c;从大量的不确定“需求”中确定出哪些需求最终要转换为确定的“功能需求”。 需求分析的作用非常重要&#xff0c;后续设计的依据主要来自于需求分析的成果&#xff0c;包括: 项目的目的…...

编程新知 2026/1/28 10:58:50

练习（含atoi的模拟实现,自定义类型等练习）

一、结构体大小的计算及位段 &#xff08;结构体大小计算及位段 详解请看&#xff1a;自定义类型&#xff1a;结构体进阶-CSDN博客&#xff09; 1.在32位系统环境&#xff0c;编译选项为4字节对齐&#xff0c;那么sizeof(A)和sizeof(B)是多少&#xff1f; #pragma pack(4)st…...

编程新知 2026/1/30 15:16:30

STM32标准库-DMA直接存储器存取

文章目录 一、DMA1.1简介1.2存储器映像1.3DMA框图1.4DMA基本结构1.5DMA请求1.6数据宽度与对齐1.7数据转运DMA1.8ADC扫描模式DMA 二、数据转运DMA2.1接线图2.2代码2.3相关API 一、DMA 1.1简介 DMA&#xff08;Direct Memory Access&#xff09;直接存储器存取 DMA可以提供外设…...

编程新知 2026/1/26 10:55:51

从零实现STL哈希容器：unordered_map/unordered_set封装详解

本篇文章是对C学习的STL哈希容器自主实现部分的学习分享 希望也能为你带来些帮助~ 那咱们废话不多说&#xff0c;直接开始吧&#xff01; 一、源码结构分析 1. SGISTL30实现剖析 // hash_set核心结构 template <class Value, class HashFcn, ...> class hash_set {ty…...

编程新知 2026/1/31 12:47:25

鱼香ros docker配置镜像报错：https://registry-1.docker.io/v2/

使用鱼香ros一件安装docker时的https://registry-1.docker.io/v2/问题 一键安装指令 wget http://fishros.com/install -O fishros && . fishros出现问题&#xff1a;docker pull 失败 网络不同&#xff0c;需要使用镜像源 按照如下步骤操作 sudo vi /etc/docker/dae…...

编程新知 2025/12/31 6:28:08

Hive 存储格式深度解析：从 TextFile 到 ORC，如何选对数据存储方案？

在大数据处理领域&#xff0c;Hive 作为 Hadoop 生态中重要的数据仓库工具&#xff0c;其存储格式的选择直接影响数据存储成本、查询效率和计算资源消耗。面对 TextFile、SequenceFile、Parquet、RCFile、ORC 等多种存储格式&#xff0c;很多开发者常常陷入选择困境。本文将从底…...

编程新知 2025/12/6 10:54:35

中医有效性探讨

文章目录 西医是如何发展到以生物化学为药理基础的现代医学&#xff1f;传统医学奠基期&#xff08;远古 - 17 世纪&#xff09;近代医学转型期&#xff08;17 世纪 - 19 世纪末&#xff09;​现代医学成熟期&#xff08;20世纪至今&#xff09; 中医的源远流长和一脉相承远古至…...

编程新知 2026/1/23 7:56:54

Fabric V2.5 通用溯源系统——增加图片上传与下载功能

fabric-trace项目在发布一年后，部署量已突破1000次，为支持更多场景，现新增支持图片信息上链，本文对图片上传、下载功能代码进行梳理，包含智能合约、后端、前端部分。 一、智能合约修改 为了增加图片信息上链溯源，需要对底层数据结构进行修改，在此对智能合约中的农产品数…...

编程新知 2025/9/27 12:03:43

Selenium常用函数介绍

目录 一&#xff0c;元素定位 1.1 cssSeector 1.2 xpath 二&#xff0c;操作测试对象 三&#xff0c;窗口 3.1 案例 3.2 窗口切换 3.3 窗口大小 3.4 屏幕截图 3.5 关闭窗口 四&#xff0c;弹窗 五&#xff0c;等待 六&#xff0c;导航 七&#xff0c;文件上传 …...

编程新知 2026/1/29 3:55:23

PostgreSQL——环境搭建

一、Linux # 安装 PostgreSQL 15 仓库 sudo dnf install -y https://download.postgresql.org/pub/repos/yum/reporpms/EL-$(rpm -E %{rhel})-x86_64/pgdg-redhat-repo-latest.noarch.rpm# 安装之前先确认是否已经存在PostgreSQL rpm -qa | grep postgres# 如果存在&#xff0…...

编程新知 2025/11/26 20:46:42