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

HTML详解

        小博在讲解 Markdown 的使用时,看到HTML这个新名词,于是小博快马加鞭去搞明白了什么是HTML,下文主要介绍的是HTML是什么,怎么用,以及和Markdown的关系。

一、HTML是什么

 HTML超文本标记语言,是一种用于创建网页和Web应用的标记语言

一句话概括:HTML 是构建网页的骨架和结构。

  • 超文本:指的是它不仅包含文本,还可以包含图片、链接、音频、视频等非文本内容,以及链接到其他文档的“超链接”。

  • 标记语言:意味着它使用一系列标签来“标记”或“描述”网页的内容结构,告诉浏览器如何显示这些内容。

  • 基础语法:HTML 的核心是一系列预定义的标签。标签通常成对出现,用来包围和描述不同的内容。

    <标签名>内容</标签名>

其中,标签可以拥有属性,为元素提供附加信息。例如,<a href="https://example.com"> 中的 href 就是属性,它指明了链接的目标地址。属性总是在开始标签中指定。

一个生动的比喻

如果把一个网页比作一栋房子:

  • HTML 就是房子的钢筋、水泥、砖墙和梁柱。它定义了哪里是承重墙,哪里是门,哪里是窗户,从而搭建出房子的基本结构和空间划分。

  • CSS (后面你会学到) 则是房子的装修。它决定了墙刷什么颜色、地板用什么材质、窗帘是什么风格,即网页的视觉效果。

  • JavaScript 是房子的水电和智能家居系统。它让灯可以开关、水龙头可以出水、空调可以自动调节,即网页的交互行为和动态功能。

没有HTML这个骨架,CSS和JavaScript就无从谈起。

二、HTML 是如何工作的?

  1. 开发者编写HTML文件:开发者创建一个以 .html 结尾的文件,并使用HTML标签编写内容。

  2. 浏览器请求HTML文件:当你在浏览器地址栏输入一个网址并访问时,浏览器会向服务器请求这个HTML文件。

  3. 浏览器解析并渲染:浏览器接收到HTML代码后,会解析这些标签,并根据标签的含义将内容以可视化的形式呈现给用户。

你可以在任何网页上右键点击,选择“查看页面源代码”,看到的代码就是该网页的HTML。

三、HTML 与 Markdown 的关系

还记得我们刚才学的 Markdown 吗?它们之间有着密切的联系:

  • Markdown 是简化版:Markdown 的语法之所以简单,是因为它的最终目的常常是为了转换成 HTML。你用 # 写的标题,最终会变成 <h1> 标签;用 ** 加的粗体,最终会变成 <strong> 标签。

  • HTML 是基础:HTML 是 Web 的基石,浏览器最终理解和渲染的都是 HTML。Markdown 是一种更方便的、面向写作者的“ shorthand ”(简写形式),而 HTML 是浏览器能读懂的“原生语言”。

你可以把 Markdown 看作是一个自动生成HTML代码的工具

下篇我们详细介绍 Markdown 的使用!!

这里小博送给大家自己喜欢的一句话:人在低谷时勿扰人,人在高处时勿戏人,人在相遇时勿算人,人在离别时勿毁人,人在争取时要像人,人在放下时才是人。


文章转载自:

http://sPHTtdFJ.rxxdk.cn
http://tQbjKM6d.rxxdk.cn
http://30zMBF5C.rxxdk.cn
http://oc8bigKf.rxxdk.cn
http://tWUUvseo.rxxdk.cn
http://D7xxq09W.rxxdk.cn
http://TEZFVEU6.rxxdk.cn
http://m8NbzFt2.rxxdk.cn
http://vppoY699.rxxdk.cn
http://hZuxbLxN.rxxdk.cn
http://cZYihIFq.rxxdk.cn
http://yM4YXFPj.rxxdk.cn
http://t84Ubj5Y.rxxdk.cn
http://XLjL7udX.rxxdk.cn
http://lEORcyFO.rxxdk.cn
http://dUeCDZw9.rxxdk.cn
http://kbmSlqgj.rxxdk.cn
http://lpmdraTL.rxxdk.cn
http://66tzZ3ax.rxxdk.cn
http://bABMMGZK.rxxdk.cn
http://8bfuaQts.rxxdk.cn
http://6adnbJPz.rxxdk.cn
http://ATuEyi5K.rxxdk.cn
http://uCZdHRMy.rxxdk.cn
http://5bvK0lJY.rxxdk.cn
http://2MO1pZGt.rxxdk.cn
http://dwc91gpI.rxxdk.cn
http://RU9Vg8fg.rxxdk.cn
http://pzoYYZBV.rxxdk.cn
http://Sj1AERAf.rxxdk.cn
http://www.dtcms.com/a/376454.html

相关文章:

  • ai生成文章,流式传输(uniapp,微信小程序)
  • JVM 内存参数设置详解!
  • 医院高值耗材智能化管理路径分析(下)
  • 上市公司人工智能水平指数 1993-2024
  • AI/AR智能眼镜步入全球破圈增长期,五大科技大厂入局加剧生态市场角逐
  • FastGPT源码解析 Agent 智能体插件实现代码分析
  • 【Fastjson】Fastjson2 在不同 Modules 模块包下,@JSONField name映射无法反序列化的 BUG 及解决
  • [特殊字符] 从助手到引擎:基于 GPT 的战略协作系统演示
  • SSE 模仿 GPT 响应
  • ThingsKit物联网平台 v2.0.0 发布|前端UI重构、底层架构升级
  • 面向对象数据分析实战编程题:销售数据统计与可视化(Python)
  • Transformer vs. Diffusion:谁将主宰通用视频生成与世界模型的未来?
  • 存储卷配额管理针对海外VPS容器环境的实施流程
  • 前端开发中常见英文缩写及其全称
  • Linux第十五讲:Socket编程UDP
  • Electron 高级 UI:集成 React 或 Vue.js
  • CKAD-CN考试之路----10
  • Linux嵌入式自学笔记(基于野火EBF6ULL):1.配置环境
  • 2025【1460天】网络工程师经验之道
  • 图解设计模式【3】
  • java 将pdf转图片
  • ES(springcloud笔记第五期)
  • Day40 Web服务器原理与C语言实现:从HTTP协议到静态资源服务
  • 利用FFmpeg自动批量处理m4s文件
  • [iOS] ViewController 的生命周期
  • MySQL 核心文件解析:从配置到存储的 “说明书 + 记录仪” 系统
  • 一文了解大模型压缩与部署
  • Jenkins 构建 Node 项目报错解析与解决——pnpm lockfile 问题实战
  • Wazuh 研究记录 | 开源XDR | 安全基线检测
  • 配电网故障诊断与自愈控制工具的智慧能源开源了