基本的 HTML 学习笔记

最新推荐文章于 2025-04-22 10:07:38 发布
最新推荐文章于 2025-04-22 10:07:38 发布
阅读量298 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/applexiaozhu/article/details/52931321
本文介绍了HTML的基本概念及其常用标签，包括如何定义标题、段落、链接和图像等元素。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

什么是 HTML？

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言，而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

例子解释

  • <html> 与 </html> 之间的文本描述网页
  • <body> 与 </body> 之间的文本是可见的页面内容
  • <h1> 与 </h1> 之间的文本被显示为标题
  • <p> 与 </p> 之间的文本被显示为段落

HTML 标题

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

实例

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

实例

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

实例

<a href="http://www.w3school.com.cn">This is a link</a>

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

实例

<img src="w3school.jpg" width="104" height="142" />

【前端学习笔记】HTML 基础
2401_84304834的博客
04-18 2892
HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它允许用户通过结合文本、图像、链接、格式等元素来构建网页，并通过浏览器进行解析和显示。HTML文件通常以.html或.htm为扩展名，包含一系列的标签（tags），这些标签用于定义网页的结构、样式和内容。
HTML5学习笔记
m0_61721166的博客
03-08 9215
一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不
Github 基本使用学习笔记
热门推荐
Poboll的博客
11-25 3万+
本文详细介绍了GitHub的一些基本概念、操作步骤以及如何贡献开源项目。从创建仓库到提交Pull Request，再到搭建个人GitHub页面，帮助开发者快速上手GitHub，提升代码管理和协作效率。
HTML学习笔记
2301_80155689的博客
04-22 6508
dl > < dt > 术语 </ dt > < dd > 定义内容 </ dd > </ dl >< dl > < dt > 术语 </ dt > < dd > 定义内容 </ dd > </ dl ></< dl > < dt > 术语 </ dt > < dd > 定义内容 </ dd > </ dl >< dl > < dt > 术语 </ dt > < dd > 定义内容 </ dd > </ dl ></
黑马程序员 HTML5 学习笔记
susu的博客
07-14 2527
1.html语法规范2.html基本结构标签3.开发工具4.html常用标签5.html中注释和特殊字符
Git 学习笔记总结
DeL的博客
11-20 5670
Git是一个开源的分布式版本控制系统，是目前世界上最先进、最流行的版本控制系统。可以快速高效地处理从很小到非常大的项目版本管理。特点：项目越大越复杂，协同开发者越多，越能体现出 Git 的高性能和高可用性！特性:直接记录快照，而非差异比较近乎所有操作都是本地执行git init 初始化git add 添加至暂存区git commit 提交git log 日志git reflog 详细日志git reset --hard 回滚。
整理下HTML4,HTML5学习笔记
2401_85258143的博客
05-27 913
定义描述
前端基础学习笔记
sober30的博客
07-27 1万+
css3有哪些新特性：圆角盒子阴影文本阴影不透明度 ：opacity 、rgba渐变背景 ：线性渐变、径向渐变背景属性：backgroud-size、background-clip（拓展）结构选择器：first-child()…伪元素新写法 :before ::before(css3) 为了和:hover之类的伪类选择器作区分弹性盒子：flex转换：2D转换、3D转换（拓展）过渡：一般搭配hover使用animation动画（拓展）媒体查询。
Vue.js 学习笔记
m0_72686196的博客
03-01 2403
在前端开发领域，Vue.js 以其轻量级、易上手和高性能的特点，赢得了众多开发者的青睐。作为一名前端小白，我也踏上了学习 Vue.js 的旅程。本文将分享我的学习笔记，涵盖 Vue.js 的基础概念、常用指令、组件化开发、计算属性与侦听器、路由和状态管理等知识点，并附上代码示例，希望能帮助到同样在学习 Vue.js 的你。Vue.js 是一款用于构建用户界面的渐进式 JavaScript 框架。它采用直观的模板语法，降低了学习成本，并通过响应式数据绑定，实现了数据与视图的自动同步更新。
【HTML】HTML学习笔记（全）
Bitdancing的专栏
12-09 1万+
前端HTML学习笔记大全
嵌入式+基于STM32+卫星GPS路径记录仪+附完整源代码
最新发布
08-20
嵌入式+基于STM32+卫星GPS路径记录仪+附完整源代码
计算机视觉学科基础课程作业任务
08-20
资源下载链接为： https://pan.quark.cn/s/149fecb33b85 计算机视觉学科基础课程作业任务（最新、最全版本！打开链接下载即可用！）
【Python毕设】5p118基于python的高校实验室管理系统0_django.zip
08-20
项目资源包含：可运行源码+sql文件+； python3.8+Django+mysql5.7+vue 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
MuMu-5.0.1-lQW9pIC.exe
08-20
MuMu-5.0.1-lQW9pIC.exe
5_新建 Microsoft Word 文档.docx
08-20
5_新建 Microsoft Word 文档.docx
电机专题（直流有刷、无刷电机，步进电机……）详解
08-20
聚焦电机专题，介绍了直流有刷、无刷、舵机、伺服、步进等电机的原理与特点。详细分析了H桥驱动电路，引入PWM脉冲调制实现电机调速。还阐述了编码器原理及计算方法，给出了驱动各类电机的代码，对比了步进电机梯型和S型加减速算法。
【信道估计】基于matlab压缩传感的移动天线通信信道估计【含Matlab源码 14007期】.zip
08-20
Matlab领域上传的视频是由对应的完整代码运行得来的，完整代码皆可运行，亲测可用，适合小白； 1、从视频里可见完整代码的内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
电力系统MATLAB实现基于遗传算法（GA）进行电力负荷预测的详细项目实例（含完整的程序，GUI设计和代码详解）
08-20
内容概要：本文档详细介绍了一个基于MATLAB实现的电力负荷预测项目，该项目运用遗传算法（GA）优化支持向量回归（SVR）和支持向量机（SVM）模型的超参数及特征选择。项目旨在解决电力系统调度、发电计划、需求侧响应等多个应用场景中的关键问题，特别是在应对高比例可再生能源接入带来的非线性、非平稳负荷预测挑战。文中涵盖了从数据接入、特征工程、模型训练到部署上线的全流程，包括详细的代码示例和GUI设计，确保方案的可复现性和实用性。 适用人群：具备一定编程基础，尤其是熟悉MATLAB语言和机器学习算法的研发人员；从事电力系统调度、电力市场交易、新能源消纳等相关领域的工程师和技术专家。 使用场景及目标：①通过构建面向小时级别的滚动预测，输出高分辨率负荷轨迹，为日内与日前滚动调度提供边际成本最小化的依据；②在负荷高峰和供给紧张时，通过价格信号或直接负荷控制实施需求侧响应，提升削峰效率并抑制反弹；③为灵活性资源（调峰机组、储能、可中断负荷）提供更清晰的出清路径，降低弃风弃光率，提升系统整体清洁度；④帮助市场主体更准确地评估边际出清价格变化，提高报价成功率与收益稳定性，同时降低由预测偏差带来的风险敞口；⑤在运维与审计场景中，对预测产生的原因进行说明，保障业务侧与监管侧的可追溯性。 阅读建议：此资源不仅提供了完整的代码实现和GUI设计，更注重于理解GA优化过程中涉及到的数据处理、特征构造、模型选择及评估等核心步骤。因此，在学习过程中，建议结合实际案例进行实践，并深入研究每个阶段的具体实现细节，特别是适应度函数的设计、超参数空间的定义以及多样性维护机制的应用。此外，关注项目中关于数据对齐、缺失值处理、特征标准化等方面的最佳实践，有助于提高模型的鲁棒性和泛化能力。
python基于Python的商场停车管理系统的设计与实现毕业论文.docx
08-20
python基于Python的商场停车管理系统的设计与实现毕业论文.docx
HTML入门基础学习笔记整理分享
通过这份HTML学习笔记，可以系统地了解HTML的结构和常用的标签，对于初学者来说，能够掌握HTML的基本语法和页面结构的设计，是开展前端开发的第一步。 【标签】: - HTML 入门教程 - 学习笔记 【压缩包子文件的文件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值