HTML 介绍

HTML 即超文本标记语言(HyperText Markup Language),它是构成网页的基础技术之一。HTML 借助各种标签(Tag)对网页的结构与内容加以描述。下面为你介绍其核心要点:

关键特性

  1. 标签结构:HTML 运用尖括号包裹关键词来形成标签,像<html><body><h1>等。标签一般是成对出现的,分别为开始标签和结束标签,例如<p>这是段落</p>
  2. 网页结构:一个完整的 HTML 页面包含头部(<head>)和主体(<body>)两部分。头部用于存放页面的元数据,像标题、编码方式等;主体则是网页实际显示的内容。
  3. 元素嵌套:HTML 元素可以相互嵌套,从而构建出复杂的页面结构。比如,<div>元素常常被用来对页面进行分区。
  4. 超链接:借助<a>标签能够创建指向其他网页或者资源的链接,例如<a href="https://example.com">链接</a>
  5. 图片与多媒体:通过<img>标签可以在页面中插入图片,使用<video>标签能嵌入视频。
  6. 表单:利用<form>标签可以创建用户输入表单,其中包含文本框、按钮等各种输入元素。

示例

下面是一个html的示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Raigor(raigor.com)</title>
</head>
<body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body>
</html>

预览方式

方式一 浏览器

可以通过Chrome等浏览器直接打开预览html文件

在这里插入图片描述

方式二 VSCode的HTML Preview插件

在VSCode插件中心下载HTML Preview插件

在这里插入图片描述

使用ctrl+shift+v即可实现html预览

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/news/912025.shtml
繁体地址,请注明出处:http://hk.pswp.cn/news/912025.shtml
英文地址,请注明出处:http://en.pswp.cn/news/912025.shtml

如若内容造成侵权/违法违规/事实不符,请联系英文站点网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

整体迁移法迁移 Docker 镜像

docker添加了新的镜像数据盘&#xff0c;数据盘迁移步骤 使用整体迁移法迁移 Docker 镜像后&#xff0c;可以在确认迁移成功且新数据盘正常使用后&#xff0c;删除旧数据目录来释放空间1。 # 停止 Docker 服务 sudo systemctl stop docker # 停止 socket 监听器 sudo systemct…

智能IDE+高效数据采集,让数据获取接近0门槛

亮数据也有了自己的官方账号&#xff0c;大家可以关注&#xff1a;https://brightdata.blog.csdn.net/ 现在正有福利&#xff0c;有兴趣的伙伴可以访问链接&#xff1a; https://www.bright.cn/products/web-scraper/?utm_sourcebrand&utm_campaignbrnd-mkt_cn_csdn_jhx…

GNSS位移监测站在大坝安全中的用处

一、实时监测大坝变形 整体位移监测 GNSS&#xff08;全球导航卫星系统&#xff09;位移监测站能够实时、连续地获取大坝在三维空间中的位置信息&#xff0c;包括水平位移和垂直位移。大坝在长期运行过程中&#xff0c;受到水压力、温度变化、地基沉降等多种因素的影响&#x…

数字图像处理(一):从LED冬奥会、奥运会及春晚等等大屏,到手机小屏,快来挖一挖里面都有什么

数字图像处理&#xff08;一&#xff09; 一、什么是图像&#xff1a;图像就是多维数组图像的存储每一个格子有自己的颜色、深浅如何访问图像&#xff1a;1.对于RGB图像&#xff0c;共有R/G/B三个通道&#xff0c;通过代码来看。图像有单通道和多通道之分&#xff0c;访问时只需…

关于汉语和英语哪个更先进、历史更久的争论

引言&#xff1a;热议背后的思考​ ​ 在全球化浪潮的推动下&#xff0c;英语作为国际通用语言&#xff0c;在世界范围内广泛传播&#xff0c;其在国际商务、科技交流、学术研究等领域占据着重要地位。而汉语&#xff0c;作为世界上使用人口最多的语言之一&#xff0c;承载着…

在不联网的情况下,从可以联网的计算机上拷贝过来的程序报错:nu1301 无法加载源,https://api.nuget.org/v3/index.json

解决方法&#xff1a; 在联网的计算机上&#xff0c;找到nuget文件&#xff0c;拷贝到&#xff0c;不能联网的计算机的相应位置 设置加载这个nuget包&#xff0c;把nuget.org取消。 注意如果出现好多包都不能加载&#xff0c;可能是框架版本的问题&#xff0c;修改框架版本&am…

TCP 状态流程及原理详解:从连接建立到性能优化

一、TCP 协议概述与核心价值 TCP&#xff08;Transmission Control Protocol&#xff0c;传输控制协议&#xff09;是互联网协议栈中的核心协议之一&#xff0c;为网络通信提供可靠的、面向连接的数据传输服务。在当今复杂多变的网络环境中&#xff0c;深入理解 TCP 协议的状态…

【STM32 学习笔记】PWR电源控制

在电子设备中&#xff0c;待机&#xff08;Standby&#xff09;和睡眠&#xff08;Sleep&#xff09;是两种不同的省电模式。 1. 待机模式&#xff08;Standby Mode&#xff09;&#xff1a;在待机模式下&#xff0c;设备仍然保持一定程度的活动&#xff0c;但大部分功能处于暂…

TCP 重传机制详解:原理、变体与故障排查应用

一、TCP 重传机制基础原理 1.1 可靠传输的核心保障 TCP&#xff08;Transmission Control Protocol&#xff0c;传输控制协议&#xff09;作为互联网中最常用的传输层协议&#xff0c;其核心特性之一是提供可靠的数据传输服务。在不可靠的网络环境中&#xff0c;数据包可能会…

Linux-HTTP服务和APACHE-学习笔记

序 欠10年前自己的一份笔记&#xff0c;献给今后的自己。 Internet Internet与中国 Internet最早来源于美国国防部高级研究计划局ARPA建立的ARPANet&#xff0c;1969年投入运行。1983年&#xff0c;ARPAnet分裂为两部分&#xff1a;ARPAnet和纯军事用的MILNET。当年1月&…

GitHub 趋势日报 (2025年06月26日)

&#x1f4ca; 由 TrendForge 系统生成 | &#x1f310; https://trendforge.devlive.org/ &#x1f310; 本日报中的项目描述已自动翻译为中文 &#x1f4c8; 今日获星趋势图 今日获星趋势图 716 free-for-dev 677 Self-Hosting-Guide 618 Best-websites-a-programmer-shoul…

利用TACCO将单细胞注释transfer至空间组

目录 环境导入 关键函数定义 运行前设定 数据准备 正式运行与保存 可视化与概率调整 偶然发现的一个好用的transfer方法&#xff0c;计算效率相当高&#xff0c;解了我的燃眉之急hh 原方法来自由以色列耶路撒冷希伯来大学的Mor Nitzan、美国麻省理工学院-哈佛大学博德研…

在反向代理环境下精准获取客户端真实 IP 的最佳实践

目录 1 背景 2 常见误区 3 X-Forwarded-For 解析规则 4 real_ip() 函数 —— 一行代码落地 5 与框架方法的协同 6 Nginx 端最小配置 7 生产落地 checklist 8 常见 Q&A 9 总结 在反向代理环境下精准获取客户端真实 IP 的最佳实践 — 基于自定义 real_ip() 函数的完…

华为云Flexus+DeepSeek征文|基于Dify构建抓取金融新闻并发送邮箱工作流

华为云FlexusDeepSeek征文&#xff5c;基于Dify构建抓取金融新闻并发送邮箱工作流 一、构建抓取金融新闻并发送邮箱工作流前言二、构建抓取金融新闻并发送邮箱工作流环境2.1 基于FlexusX实例的Dify平台2.2 基于MaaS的模型API商用服务 三、构建抓取金融新闻并发送邮箱工作流实战…

疲劳检测与行为分析:工厂智能化实践

视觉分析算法赋能工厂疲劳与安全管理 一、背景与需求 在制造业中&#xff0c;疲劳作业是导致安全事故和效率下降的核心因素之一。传统人工巡检存在覆盖面不足、响应滞后等问题&#xff0c;而基于视觉分析的智能监控系统通过多算法协同&#xff0c;可实现全天候、高精度的疲劳…

医院信息化建设的要点

随着医疗技术的不断发展和患者需求的日益多样化&#xff0c;医院信息化建设已经成为提高医疗质量和效率的必要手段。医院信息化建设是指通过信息技术手段对医院日常运营、管理和服务进行数字化、智能化和网络化的改造&#xff0c;以提高医疗服务水平和管理效率。在实施医院信息…

Sql Server常用命令整理篇:根据某个字段删除重复数据

通过比较同一表中的两行数据&#xff0c;删除那些在Text_data或Title字段上有重复值的行&#xff0c;同时保留id较小的行&#xff1a; DELETE t1 FROM data_zq t1 JOIN data_zq t2 WHERE t1.id > t2.id AND (t1.Text_data t2.Text_data OR t1.Title t2.Title);注意事项 备…

Spring AI 入门到实战:我如何用它让系统具备“理解能力”

我向来对“整合大模型进 Java 应用”这件事持谨慎态度。在 GPT 火了之后&#xff0c;我们团队最初是用 HTTP 手动调 OpenAI 接口&#xff0c;把它当成一个 JSON API 用。但随着业务交互变复杂&#xff0c;我意识到&#xff1a;我们需要的是一个语义系统&#xff0c;而不是一个封…

C++链表的虚拟头节点

C链表虚拟头节点&#xff08;Dummy Head&#xff09; 虚拟头节点是链表操作中极为实用的设计技巧&#xff0c;它通过在链表真实头部前添加一个特殊节点&#xff0c;有效简化边界条件处理。 一、虚拟头节点的本质与核心作用 1. 定义 虚拟头节点是一个不存储真实数据的特殊节…

使用vllm部署 Nanonets-OCR-s

使用vLLM部署Nanonets-OCR-s模型的完整指南 Nanonets-OCR-s作为基于Qwen2.5-VL-3B的多模态OCR模型,结合vLLM的高效推理引擎可显著提升部署性能。 一、环境准备与依赖安装 1. 安装vLLM与多模态依赖 # 安装vLLM(含CUDA加速) pip install vllm==0.3.21 # 建议使用稳定版本…