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

HTML基本语法

news 2026/3/27 11:00:30

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

SeqGPT-560M中文理解深度测评：对古汉语、方言、行业黑话的泛化能力分析

SeqGPT-560M中文理解深度测评&#xff1a;对古汉语、方言、行业黑话的泛化能力分析 1. 模型背景与核心能力 SeqGPT-560M是阿里达摩院推出的零样本文本理解模型&#xff0c;专门针对中文场景优化&#xff0c;无需训练即可完成文本分类和信息抽取任务。这个560M参数的轻量级模型…...

编程新知 2026/3/27 10:09:28

Presto函数实战指南：从基础到高阶应用

1. Presto函数入门&#xff1a;从零开始掌握基础操作 第一次接触Presto函数时&#xff0c;我完全被它丰富的功能震撼到了。记得当时我需要快速分析一个包含数百万条记录的日志表&#xff0c;传统方法需要写复杂的MapReduce作业&#xff0c;而Presto仅用几行SQL函数就搞定了。下…...

编程新知 2026/3/27 7:07:27

告别复杂配置：SDXL 1.0电影级绘图工坊开箱即用体验

告别复杂配置&#xff1a;SDXL 1.0电影级绘图工坊开箱即用体验 1. 为什么选择SDXL 1.0电影级绘图工坊 在AI绘图领域&#xff0c;Stable Diffusion XL&#xff08;SDXL&#xff09;1.0代表了当前最先进的文本到图像生成技术。然而&#xff0c;对于大多数非技术背景的创作者来说…...

编程新知 2026/3/27 7:05:27

如何用PPI网络community分析发现潜在药物靶点？微生信可视化保姆教程

从PPI网络到药物靶点&#xff1a;基于Community分析的生物标记物发现全流程 在生物医学研究的浩瀚海洋中&#xff0c;蛋白质-蛋白质相互作用(PPI)网络犹如一张精密的城市交通图&#xff0c;而community分析则帮助我们识别出其中的"功能街区"。想象一下&#xff0c;当…...

编程新知 2026/3/27 6:39:18

如何实现精准歌词同步？KRC格式全解析与应用实践

如何实现精准歌词同步&#xff1f;KRC格式全解析与应用实践 【免费下载链接】KuGouMusicApi 酷狗音乐 Node.js API service 项目地址: https://gitcode.com/gh_mirrors/ku/KuGouMusicApi 在音乐应用开发中&#xff0c;歌词显示功能看似简单&#xff0c;实则隐藏着诸多技…...

编程新知 2026/3/27 4:29:58

Firefox用户福音：免破解！一键安装HackBar 2.1.3旧版本完整教程

Firefox用户福音&#xff1a;免破解&#xff01;一键安装HackBar 2.1.3旧版本完整教程 在安全测试领域&#xff0c;HackBar作为一款经典的渗透测试工具&#xff0c;长期受到开发者和安全研究人员的青睐。然而&#xff0c;随着版本的迭代更新&#xff0c;新版本开始引入许可证验…...

编程新知 2026/3/27 3:41:27

Umi-OCR插件技术方案：5款引擎深度对比与实战配置指南

Umi-OCR插件技术方案&#xff1a;5款引擎深度对比与实战配置指南 【免费下载链接】Umi-OCR_plugins Umi-OCR 插件库 项目地址: https://gitcode.com/gh_mirrors/um/Umi-OCR_plugins Umi-OCR插件库为开源OCR工具提供了丰富的引擎选择&#xff0c;从本地CPU加速到云端AI识…...

编程新知 2026/3/27 3:19:04

网页在线编辑 Office 实现｜软航控件集成入门实战①

在 OA、ERP、管理系统开发中&#xff0c;网页在线编辑 Office、在线预览 Word/Excel/PPT/PDF是高频刚需。自己从零开发兼容性差、周期长&#xff0c;集成成熟控件是最快、最稳的方案。本文以软航 Office 文档控件为例&#xff0c;从零到一教你完成 Windows 端集成&#xff0c;新…...

编程新知 2026/3/27 2:56:48

Qwen3.5-35B-A3B-AWQ-4bit开源镜像实战：法律合同关键条款图示定位与文本提取

Qwen3.5-35B-A3B-AWQ-4bit开源镜像实战&#xff1a;法律合同关键条款图示定位与文本提取 1. 引言&#xff1a;当AI遇到法律合同 想象一下&#xff0c;你是一位法务人员&#xff0c;面前摆着一份长达50页的PDF合同。老板急着要你找出所有关于“违约责任”的条款&#xff0c;并…...

编程新知 2026/3/27 0:35:33

语音转换完全上手：Retrieval-based Voice-Conversion-WebUI从入门到精通

语音转换完全上手&#xff1a;Retrieval-based Voice-Conversion-WebUI从入门到精通 【免费下载链接】Retrieval-based-Voice-Conversion-WebUI 语音数据小于等于10分钟也可以用来训练一个优秀的变声模型&#xff01; 项目地址: https://gitcode.com/GitHub_Trending/re/Retr…...

编程新知 2026/3/26 22:28:19