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

网页基本标签、图像标签、链接标签、块内元素和块元素、列表标签、表格标签

一、网页基本标签

标题标签

段落标签

未写段落标签前,文本没有按照想要的格式排列显示

 写段落标签后:

每句都是一段,所以句与句距离比较宽

 

换行标签

同一段,只是把文字换行,所以比较紧凑

水平线标签

字体样式标签

注释和特殊符号

注释:<!-- 内容 -->  生成注释的快捷方式:Ctrl+/

 二、图像标签

常见的图像格式:JPG、GIF、PNG、BMP

生成以下语句的快捷方式:输入img然后按Tab键

<img src="path"       alt="text"          title="text"             width="x"    height="y"/>

      图像地址          图像的替代文字     鼠标悬停提示文字     图像宽度      图像高度

建议(可不采用):首先创建一个resource文件夹,在里面再创建一个Image文件夹,随意选择一张图片,复制粘贴到image文件夹中

呈现结果:

 

 三、链接标签

生成以下语句的快捷方式:输入a然后按Tab键

<a href="path" target="目标窗口位置">链接文本或图像</a>

      链接路径       链接在哪个窗口打开,常用值:_self、_blank

文本超链接和图像超链接

超链接

页面间链接——从一个界面链接到另一个界面

 呈现结果:

锚链接

实现效果:点击“回到顶部”,页面自动回到顶部

两个网页进行跳转:

在图像标签学习网页点击“跳转”即跳转到链接标签学习网页的底部

功能性链接

 

 点击页面中的“点击联系我”,自动打开“邮件”,即可发送信息到指定邮箱

四、块内元素和块元素(拓展)

块元素

无论内容多少,该元素独占一行(p、h1-h6...)

行内元素

内容撑开宽度,左右都是行内元素的可以排在一行(a . strong . em...)

 

五、列表标签

什么是列表?

列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息

列表的分类:

有序列表

无序列表

自定义列表

 六、表格标签

为什么使用表格?

简单通用、结构稳定

基本结构

单元格、行、列、跨行、跨列

​​​​​​​

相关文章:

网页基本标签、图像标签、链接标签、块内元素和块元素、列表标签、表格标签

一、网页基本标签 标题标签 段落标签 未写段落标签前&#xff0c;文本没有按照想要的格式排列显示 写段落标签后&#xff1a; 每句都是一段&#xff0c;所以句与句距离比较宽 换行标签 同一段&#xff0c;只是把文字换行&#xff0c;所以比较紧凑 水平线标签 字体样式标签 …...

RxJava操作符变换过程

要使用Rxjava首先要导入两个包&#xff0c;其中rxandroid是rxjava在android中的扩展 implementation io.reactivex:rxandroid:1.2.1implementation io.reactivex:rxjava:1.2.0我们在使用rxjava的操作符时都觉得很方便&#xff0c;但是rxjava是怎么实现操作符的转换呢&#xff0…...

开放平台订单接口

custom-自定义API操作 ​ ​​注册开通​​ taobao.custom 公共参数 名称 类型 必须 描述 key String 是 调用key&#xff08;必须以GET方式拼接在URL中&#xff09; secret String 是 调用密钥 api_name String 是 API接口名称&#xff08;包括在请求地址中&a…...

CDN相关知识点

1、什么是CDN&#xff1f;CDN的作用是什么&#xff1f; CDN&#xff08;Content Delivery Network&#xff0c;内容分发网络&#xff09;是一种通过在多个节点上分布内容以提高网络性能、可靠性和可扩展性的网络解决方案。CDN通过在不同的地理位置部署服务器&#xff0c;使用户…...

【论文阅读】注意力机制与二维 TSP 问题

前置知识 注意力机制 见 这篇 二维 TSP 问题 给定二维平面上 nnn 个点的坐标 S{xi}i1nS\{x_i\}_{i1}^nS{xi​}i1n​&#xff0c;其中 xi∈[0,1]2x_i\in [0,1]^2xi​∈[0,1]2&#xff0c;要找到一个 1∼n1\sim n1∼n 的排列 π\piπ &#xff0c;使得目标函数 L(π∣s)∥xπ…...

[深入理解SSD系列 闪存实战2.1.7] NAND FLASH基本编程(写)操作及原理_NAND FLASH Program Operation 源码实现

前言 上面是我使用的NAND FLASH的硬件原理图,面对这些引脚,很难明白他们是什么含义, 下面先来个热身: 问1. 原理图上NAND FLASH只有数据线,怎么传输地址? 答1.在DATA0~DATA7上既传输数据,又传输地址 当ALE为高电平时传输的是地址, 问2. 从N...

PMP项目管理项目资源管理

目录1 项目资源管理概述2 规划资源管理3 估算活动资源4 获取资源5 建设团队6 管理团队7 控制资源1 项目资源管理概述 项目资源管理包括识别、获取和管理所需资源以成功完成项目的各个过程&#xff0c;这些过程有助于确保项目经理和项目团队在正确的时间和地点使用正确的资源。…...

程序的编译和链接

程序的编译和链接程序的编译和链接程序的两种环境翻译环境详解编译和链接预处理编译汇编链接运行环境程序的编译和链接 程序的两种环境 在ANSI C的任何一种实现中&#xff0c;存在两个不同的环境。 第1种是翻译环境&#xff0c;在这个环境中源代码被转换为可执行的机器指令。 …...

Win11的两个实用技巧系列之无法联网怎么办、耳机没声音的多种解决办法

Win11无法联网怎么办? win11安装后设备不能上网的解决办法Win11无法联网怎么办&#xff1f;电脑安装win11系统以后&#xff0c;发现不能上网&#xff0c;连接不上网络&#xff0c;该怎么办呢&#xff1f;下面我们就来看看win11安装后设备不能上网的解决办法Win11安装后&#x…...

【微信小程序】-- 自定义组件 - 数据监听器 - 案例 (三十五)

&#x1f48c; 所属专栏&#xff1a;【微信小程序开发教程】 &#x1f600; 作  者&#xff1a;我是夜阑的狗&#x1f436; &#x1f680; 个人简介&#xff1a;一个正在努力学技术的CV工程师&#xff0c;专注基础和实战分享 &#xff0c;欢迎咨询&#xff01; &…...

Linux - 第7节 - 进程间通信

1.进程间通信介绍 进程间通信目的&#xff1a; 数据传输&#xff1a;一个进程需要将它的数据发送给另一个进程 。​​​​​​​ 资源共享&#xff1a;多个进程之间共享同样的资源。 ​​​​​​​ 通知事件&#xff1a;一个进程需要向另一个或一组进程发送消息&#xff0c;通…...

# 数据完整性算法在shell及python中的实践

数据完整性算法在shell及python中的实践 文章目录数据完整性算法在shell及python中的实践1 预备知识1.1 摘要算法1.2 报文&#xff08;数据&#xff09;完整性校验1.3 python byte类型字符串与普通字符串区别2 传统方法&#xff08;散列函数&#xff09;2.1 在shell中实践2.2 在…...

QEMU启动x86-Linux内核

目录QEMU简介linux启动流程我的环境安装QEMU软件包安装源码安装编译linux内核编译busybox制作initramfs使用QEMU启动linux内核简化命令参考QEMU简介 QEMU&#xff08;quick emulator&#xff09;是一个通用的、开源的硬件模拟器&#xff0c;可以模拟不同硬件架构&#xff08;如…...

C/C++每日一练(20230311)

目录 1. 计算阶乘的和 ★ 2. 基本计算器 ★★★ 3. N皇后 II ★★★ &#x1f31f; 每日一练刷题专栏 C/C 每日一练 ​专栏 Python 每日一练 专栏 1. 计算阶乘的和 计算&#xff1a;1!-2!3!-4!5!-6!7!-8!9!-10!&#xff0c;并输出计算结果。 注意&#xff1a;不全是…...

哪个牌子的洗地机耐用?耐用的洗地机推荐

作为当下非常热销的洗地机&#xff0c;它不仅解放了双手&#xff0c;使用也非常的便捷。是生活品质提高的最好代表&#xff0c;但是面对市面上让人眼花缭乱的洗地机&#xff0c;挑选几个来回都决定不了到底入手哪个好&#xff01;为了能帮助大家选购到合适的洗地机&#xff0c;…...

搭建一个中心化的定时服务

1. 背景 在物联网络&#xff0c;很多设备之间都在进行交互&#xff0c;其中云端在远程交流中起到了很重要的作用。比如&#xff0c;一台设备想进行调温&#xff0c;但是需要知道此时房间的温度&#xff0c;那就需要定时去查询传感器测出来的房间温度&#xff0c;如果温度过高&a…...

【CSS】快速入门笔记

视频链接&#xff1a;https://www.bilibili.com/video/BV1mS4y1Z7Ga/?spm_id_from333.999.0.0&vd_source1ad00d913eae8281cbadad6ae66fb06c 文章目录一、CSS语法1.结构2.样式类型1&#xff09;内联样式 Inline Style2&#xff09;内部样式 Internal Style3&#xff09;外部…...

第161篇 笔记-去中心化的含义

本文主要内容来自Vitalik Buterin的文章。“去中心化”这个词是在加密经济学领域用得最多的一个词&#xff0c;通常也作为辨别区块链的依据。然而&#xff0c;这个词也可能是被定义得最不恰当的一个词。数千小时的研究和价值数十亿美元哈希算力的投入都旨在实现去中心化&#x…...

「计算机组成原理」数据的表示和运算(二)

文章目录五、奇偶校验码六、算术逻辑单元ALU6.1 电路的基本原理6.2 加法器的设计6.2.1 一位全加器6.2.2 串行加法器6.2.3 串行进位的并行加法器6.2.4 并行进位的并行加法器七、补码加减运算器八、标志位的生成九、定点数的移位运算9.1 算数移位9.2 逻辑移位9.3 循环移位五、奇偶…...

建立自己的博客

环境安装&#xff1a; w10系统安装 第一步&#xff1a;安装git Git 官网: https://git-scm.com/ 第二步&#xff1a;安装Node.js Node.js官网&#xff1a;https://nodejs.org/zh-cn/ 使用cmd检测&#xff1a; node -v 第三步&#xff1a;安装Hexo Hexo官网&#xff1a;htt…...

从 LLM 到 Agent Skill

AI Agent 入门指南&#xff1a;从零理解智能体的世界理解 AI Agent 生态中的核心概念&#xff0c;知道每个名词是做什么用的一、先搞清楚&#xff1a;什么是 AI Agent&#xff1f;想象你有一个超级聪明的数字助理&#xff1a;它不仅能聊天&#xff0c;还能主动帮你做事它会自己…...

从恒流源到差动放大:铂电阻测温电路的优化路径与实践

1. 铂电阻测温基础与设计挑战 铂电阻作为工业测温的中坚力量&#xff0c;其核心优势在于稳定的物理特性。PT100在0℃时标称电阻为100Ω&#xff0c;温度系数为0.385Ω/℃。这个看似简单的参数背后&#xff0c;却隐藏着电路设计的三大矛盾&#xff1a;灵敏度与噪声的博弈、线性度…...

想让你的Linux终端也下起‘代码雨’?手把手教你安装配置cmatrix屏保(CentOS/Ubuntu双系统保姆级教程)

让你的Linux终端下起"代码雨"&#xff1a;cmatrix屏保终极玩法指南 第一次在《黑客帝国》里看到绿色字符如瀑布般倾泻而下的场景时&#xff0c;那种科技感与未来感是否让你心驰神往&#xff1f;现在&#xff0c;你完全可以在自己的Linux终端里复刻这一经典画面。cmat…...

基于Qt与STM32的跨平台遥控小车调试助手设计与实现

1. 项目背景与需求分析 遥控小车作为嵌入式开发的经典项目&#xff0c;调试环节往往是最耗时的部分。传统调试方式需要反复修改下位机代码、烧录固件、观察串口打印数据&#xff0c;整个过程效率低下。我在实际项目中就遇到过这样的困扰&#xff1a;每次调整PID参数都要重新编译…...

OpenClaw AI人格守护插件:基于记忆差异分析实现智能体人格稳定

1. 项目概述&#xff1a;一个为AI人格注入“记忆锚点”的守护插件如果你和我一样&#xff0c;长期在AI应用开发的一线&#xff0c;特别是围绕OpenClaw这类框架构建具有“人格”的智能体&#xff0c;那你一定遇到过这个令人头疼的经典问题&#xff1a;AI的人格会“漂移”。今天你…...

【LangChain】 输出解析器(Output Parsers)完全指南

LangChain 输出解析器&#xff08;Output Parsers&#xff09;完全指南2026 年最新版 | 覆盖所有内置解析器 完整代码示例一、什么是输出解析器 输出解析器是 LangChain 中连接"自由文本 LLM"与"结构化程序"的桥梁。LLM 天生输出自然语言&#xff0c;但应…...

惠普开发了一架3D打印无人机,超轻、超快组装、成功试飞!

3D打印技术参考注意到&#xff0c;惠普于日前自行开发了一架基于增材制造设计的结构优化无人机&#xff0c;来展示使用其MJF技术进行3D打印制造的巨大潜力。它的核心观点是&#xff0c;无人机开发与制造的一个重大挑战&#xff0c;是团队花了几个月时间进行的优化设计&#xff…...

暖心指南|心理干预案例分享关键点!

行业痛点分析重庆市作为西部人口密集城市&#xff0c;心理健康问题呈现年轻化、复杂化趋势。调研数据显示&#xff0c;2022年全市心理健康机构年接诊量突破18万人次&#xff0c;但供需矛盾持续加剧。当前主要存在三方面挑战&#xff1a;临床诊断精度不足&#xff1a;传统评估依…...

Neovim涂抹光标插件:提升编码体验的动态轨迹设计

1. 项目概述&#xff1a;一个为Neovim设计的“涂抹光标”插件 如果你和我一样&#xff0c;是个重度Neovim用户&#xff0c;每天有超过8小时的时间泡在终端和代码编辑器里&#xff0c;那你肯定对光标的“存在感”有要求。默认的方块或下划线光标&#xff0c;在长时间编码后&…...

BetterRTX终极指南:三步免费提升Minecraft画质的完整方案

BetterRTX终极指南&#xff1a;三步免费提升Minecraft画质的完整方案 【免费下载链接】BetterRTX-Installer The Powershell Installer for BetterRTX! BetterRTX is a Ray-Tracing mod for Minecraft Bedrock. 项目地址: https://gitcode.com/gh_mirrors/be/BetterRTX-Insta…...