HTML, CSS

news/2025/1/30 9:39:25/文章来源:https://www.cnblogs.com/Chengkai730/p/18695045

什么是 HTML、CSS

HTML (HyperText Markup Language): 超文本标记语言.

超文本: 超越了普通文本的限制, 比普通文本更加强大. 除了文字信息, 还可以定义图片、音频、视频等内容.

标记语言: 由标签构成的语言.

HTML 标签都是预定义好的。例如: 使用 <a> 展示超链接,使用 <img> 展示图片, <video> 展示视频。

HTML 代码直接在浏览器中运行, HTML 标签由浏览器解析。

CSS (Cascading Style Sheet): 层叠样式表, 用于控制页面的样式 (表现)。

官方文档

找到 HTML 官方文档的步骤:

image

找到 CSS 官方文档的步骤:

image

HTML 快速入门

编写 HTML 文件的步骤:

  1. 新建文本文件, 后缀名改为 .html

  2. 编写 HTML 结构标签

  3. <body> 中填写内容

HTML 文件的后缀名为 .html

结构标签最外层是 <html></html>, 当浏览器解析时, 一旦见到了 <html> 标签, 就知道要以 HTML 的格式来解析.

<html> 标签内, 需要再定义两对标签, 一对是 <head> 代表头, 另一对是 <body> 代表体.

<head> 标签内, 需要通过 <title> 这个标签来定义 HTML 文件的标题, 在 <body> 标签内, 就可以编写 HTML 文件的内容了.

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

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

相关文章

Cisco NX-OS System Software - ACI 16.1(2f) - 适用于 ACI 模式下的 Nexus 9000 系列交换机系统软件

Cisco NX-OS System Software - ACI 16.1(2f) - 适用于 ACI 模式下的 Nexus 9000 系列交换机系统软件Cisco NX-OS System Software - ACI 16.1(2f) 适用于 ACI 模式下的 Cisco Nexus 9000 系列交换机系统软件 请访问原文链接:https://sysin.org/blog/cisco-aci-16/ 查看最新版…

Cisco APIC 6.1(2f)F - 应用策略基础设施控制器

Cisco APIC 6.1(2f)F - 应用策略基础设施控制器Cisco APIC 6.1(2f)F - 应用策略基础设施控制器 Application Policy Infrastructure Controller (APIC) 请访问原文链接:https://sysin.org/blog/cisco-apic-6/ 查看最新版。原创作品,转载请保留出处。 作者主页:sysin.org思科…

[搬运自 qq 空间] 19 北大冬令营小结

PKU 冬令营19北大冬令营小结 北大冬令营刚刚结束 , 以下是这两天以来笔者的经历。 Day1 比赛日 上午开营仪式 , 整个过程大概就是讲了一下北大计算机学科有哪些优势 , 比较无趣。 12 : 40的时候来到机房准备考试 , 1 : 00钟时 , 比赛正式开始。 首先浏览了一下A题 , 是吉…

X3ctf 比赛 Write Up

X3ctf Write Up 1. Misc p11n-trophy(签到题): 题目描述:我们首先会得到这样一份证书:第一题签到题的答案就是证书下面正中间的“This certificate does not grant the rank of Master"。 trophy-plus + trophy-plus64: 这两道目描述一模一样其中一个flag是藏在certif…

python--用户意见

https://www.python.org/about/quotes/

虚拟记账系统之三种结算模式

虚拟记账系统作为近年来支付领域的创新产品,正成为企业资金管理和支付结算的重要工具。本文从支付断直连的背景出发,详细介绍了虚拟记账系统的三种结算模式:收单结算、归集直清和归集调拨,并深入探讨了这些模式在直播电商、企业资金管理等场景中的应用。从这篇文章开始,我…

RocketMQ实战—2.RocketMQ集群生产部署

大纲 1.什么是消息中间件 2.消息中间件的技术选型 3.RocketMQ的架构原理和使用方式 4.消息中间件路由中心的架构原理 5.Broker的主从架构原理 6.高可用的消息中间件生产部署架构 7.部署一个小规模的RocketMQ集群进行压测 8.如何对RocketMQ集群进行可视化的监控和管理 9.进行OS内…

Web 前端开发

通俗来说, Web 前端开发就是开发前端网页程序. 前端网页程序主要负责的就是将数据以好看的形式呈现出来. 网页有哪些部分组成: 文字、图片、音频、视频、超链接、表格... 前端的代码是如何转换成用户眼中的网页的: 通过浏览器转化 (解析和渲染) 成用户看到的网页. 浏览器中对代…

【 Github 】 如何获取 Github 上最新的 release 文件

前言 在 Github 上,我们经常会看到一些开源项目会发布 release,这些 release 文件通常是一些二进制文件或者压缩包,我们可以通过以下步骤获取到这些文件的最新版本。 1. 打开 Github 项目页面,查看最新的 release 版本 首先,我们需要打开 Github 项目页面,例如:https://…

【开源】gocron:一款开源可视化定时任务管理系统

在数字化转型的浪潮中,定时任务管理系统作为保障业务连续性和自动化运维的重要工具,扮演着举足轻重的角色。然而,传统的Linux-crontab等工具因其复杂的配置和有限的灵活性,难以满足现代企业和开发者对高效、用户友好任务调度的需求。正是在这样的背景下,Gocron应运而生,它…

【数据库】DrawDB:超好用的,免费数据库设计工具

引言 在软件开发过程中,数据库设计是一个至关重要的环节。 无论是关系型数据库还是非关系型数据库,良好的数据库设计都能显著提升系统的性能和可维护性。 然而,数据库设计往往伴随着复杂的表结构和关系,如何清晰地表达这些设计成为了开发者们的一大挑战。 DrawDB 应运而生,…

研发的立足之本到底是啥?

0 你的问题,我知道! 本文深入T型图“竖线”的立足之本:专业技术 + 技术赋能业务能力。研发在学习投入精力最多,也误区最多。 某粉丝感发展遇到瓶颈,项目都会做,但觉无提升,想跳槽。于是,梳理过往经历。 他觉得业务小,阻其技术发展。但细问,这系统用户量百万级,一点不…