html学习，html书写规范，骨架标签，图片标签，相对路径，html常用标签

最新推荐文章于 2024-08-23 19:17:09 发布
最新推荐文章于 2024-08-23 19:17:09 发布
阅读量261 收藏
点赞数 1
分类专栏： 前端重新学习 文章标签： 学习 html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/muweichang/article/details/127744788
版权

每篇博文的浪漫主义：

22岁，去做了我想做的事｜独自一人摩旅1万公里

【22岁，去做了我想做的事｜独自一人摩旅1万公里】 https://www.bilibili.com/video/BV1UD4y1475E/?share_source=copy_web&vd_source=385ba0043075be7c24c4aeb4aaa73352

【程序员和厨子有什么区别？】 https://www.bilibili.com/video/BV1RP411A7ju/?share_source=copy_web&vd_source=385ba0043075be7c24c4aeb4aaa73352

程序员和厨子有什么区别？

通过这篇博文，我们
在这里插入图片描述

html语法规范

1.1 基本语法概述
  1. HTML标签是由尖括号包团的关键词，例如<html>。
  2. HTML标签通常是成对出现的，例如<html>和</html>，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。
  3. 有些特殊的标签必须是单个标签（极少情况〕，例如<br /> ，我们称为单标签。
1.2 标签关系

在这里插入图片描述

2.html基本结构标签

2.1第一个html网页

在这里插入图片描述
在这里插入图片描述

2.2 基本结构标签总结

在这里插入图片描述

3.对于网页开发工具

在这里插入图片描述

我在日常学习中，用的都是vs-code，我觉得它比较好用，而且还有一些好用的插件来给我们使用。

在这里插入图片描述
在这里插入图片描述

3.1 文档类型声明标签

在这里插入图片描述

3.2 lang语言种类

在这里插入图片描述

3.3 字符集

在这里插入图片描述

关于学习

在这里插入图片描述

html常用标签

4.1标签语义

在这里插入图片描述

4.2 标题标签<h1>-<h6>(重要）

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.3 段落和换行标签
  1. <p></p>,段落标签

在这里插入图片描述

  1. <br>,换行标签
    在这里插入图片描述
    在这里插入图片描述
4.4 文本格式化标签
  1. <strong></strong>,加粗
  2. <em></em>，倾斜
  3. <del></del>，删除
  4. <ins></ins>，下划线

在这里插入图片描述
在这里插入图片描述

4.5 <div>和<span>标签
和 是没有语义的，它们就是一个盒子，用来装内容。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.6 图像标签和路径（重点）
4.6.1 图像标签

在这里插入图片描述
在这里插入图片描述
如果图片显示不出来的时候，这时候alt就起作用了。
在这里插入图片描述

4.6.2 图像标签的其他属性

在这里插入图片描述
图像标签属性的注意点：

在这里插入图片描述

4.7 图像标签与路径问题
4.7.1 目录文件夹和根目录

在这里插入图片描述

4.7.2 路径之相对路径

在这里插入图片描述

4.7.3 绝对路径

在这里插入图片描述

4.8 超链接标签 <a>

在这里插入图片描述

4.8.1 链接的分类

在这里插入图片描述

5.html中的注释标签和特殊字符

5.1 注释

如果需要在html文档中添加一些便于理解和阅读，但又不需要显示在页面中的注释文字，就需要使用注释标签。

在这里插入图片描述

5.2 特殊字符

在这里插入图片描述

极具浪漫主义色彩的菜鸟学习之路
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
前端开发每天必学之认识HTML标签（1）
09-28
本文将深入探讨HTML标签，特别是其中的一些基础和常用的标签，帮助开发者更好地理解和应用这些标签。 首先，我们要理解什么是语义化。语义化是指使用恰当的HTML标签来表达网页内容的含义和结构，使网页更易于被搜索...
HTML标签及基本元素学习总结
09-22
这些基础知识构成了HTML的基本骨架，让开发者能够创建出结构化的网页内容。通过组合使用这些元素和属性，可以实现丰富的网页布局和样式，为用户提供交互式的浏览体验。理解并熟练掌握这些基础，是成为HTML开发者的...
HTML初识基础认知 + HTML标签
12-05
HTML初识基础认知是学习HTML标签的基础，理解HTML的基本语法和标签的关系，能够使用排版标签实现网页中的标题、段落等效果，使用相对路径选择不同目录下的文件，使用媒体标签在网页中显示图片、播放音频和视频，使用...
前端HTML标签思维导图总结
10-30
- 相对路径和绝对路径用于指定资源的位置，相对路径基于当前文件，绝对路径则是完整路径。 10. **超链接标签**： - `<a>` 用于创建超链接，`href` 属性指定了链接的目标URL，`target` 可以指定新窗口打开(`_blank...
html文档基本结构(制作网页基础知识)
01-19
1、文档的骨架：所有的网页文件，通常由下面四对标记来构成文档的骨架 复制代码代码如下:<html><head><title> 网页标题 </title</head></p><body>这里放置的是要在网页中显示的...
Freertos学习笔记
qq_45031559的博客
08-21 620
Freertos学习笔记
零基础学习人工智能—Python—Pytorch学习（六）
kiba518的博客
08-21 838
前言 本文主要讲神经网络的上半部分。 这篇文章开始有很多公式了，这些公式都很简单，但是如果是不经常在脑海里思考公式的人，那可能需要多花点时间做一下自我训练，个人感觉，也就几天时间，就能把自己感觉给调整出来。 习惯了公式看下面内容就会轻松很多，另外如果要深入学习人工智能，熟练的认知公式也是个必须的事情。 另外，我发现我前面文章写的有歧义的地方还是挺多，虽然，已经改了一部分，但，可能还有没发现的，大...
学习分享： Java 中调用 API 的一般方式
weixin_71842181的博客
08-19 379
学习分享： Java 中调用 API 的一般方式。
一起学习LeetCode热题100道（48/100）
weixin_53224223的博客
08-20 519
7.注意：虽然代码中包含了回溯部分（即减少当前路径和的计数并从prefixSums中删除它），但在本问题中，由于树是无环的，并且我们不需要精确跟踪每条路径，因此这部分是多余的。输入：root = [5,4,8,11,null,13,4,7,2,null,null,5,1], targetSum = 22。输入：root = [10,5,-3,3,2,null,11,3,-2,null,1], targetSum = 8。1.这是主函数，接收根节点和目标和作为参数，并返回满足条件的路径数量。
编程的魅力及基础知识和学习路径
z86666610的博客
08-19 209
这包括了解计算机如何工作（硬件与软件的关系）、熟悉基本的数据类型（如整数、浮点数、字符串等）、掌握条件语句和循环结构以实现逻辑判断与重复执行、以及理解函数和模块的概念以实现代码的复用和模块化。从古老的汇编语言到现代的Python、Java、C++等高级语言，每一种语言都有其独特的优势和适用场景，为开发者提供了广阔的选择空间。在数字化浪潮席卷全球的今天，编程已不再是计算机科学专业人士的专属领地，它如同一把钥匙，解锁了通往未来世界的无数可能。在这个充满变革的时代，掌握编程技能，就是掌握了开启未来之门的钥匙。
sed & awk 第二版学习（一）—— sed 与 awk 基本操作
wzy0623的专栏
08-20 948
sed 与 awk 基本操作
学习大数据DAY44 帆软 report 配置
最新发布
shh2000424的博客
08-23 790
署，并设置服务器开机自启动，并请实操演示 得分点（完成得满分，未完成得。服务器容器的端口修改，并将内存调大，请实操演示 得分点（完成得。2 部署 tomcat web 服务。1 安装帆软 report v11。配置环境变量 推荐用自己的名字。等几秒查看下进程或者端口。3 显示 帆软 报表平台。分 服务器开机自启动。初始化设置下用户和密码。在它的第二行上面添加。
FreeRTOS学习笔记（四）——延时函数，列表，软件定时器，低功耗模式，内存管理
个人风格极强的知识汇总
08-20 1310
FreeRTOS学习笔记（四）——延时函数，列表，软件定时器，低功耗模式，内存管理
你是如何克服编程学习中的挫折感的？
weixin_46375313的博客
08-23 269
最终，在一次偶然的机会中，我读到了一篇关于相似问题的文章，并从中获得了一些启发。只要我们保持积极乐观的心态、采用有效的学习方法，并勇于面对挑战和困难，就一定能够克服挫折并取得成功。因此，我勇敢地面对失败，并从中吸取教训，不断尝试新的方法和思路。这种方法不仅有助于我更好地理解问题，还能让我逐步解决每个子问题，最终找到整个问题的解决方案。通过交流和讨论，我能够获取新的视角和思路，从而更快地找到解决问题的方法。我曾经历过一段特别艰难的编程学习时期，那时我遇到了一个极其复杂的算法问题，几乎让我陷入了绝望。
【鸿蒙学习】HarmonyOS应用开发者高级认证 - 一次开发，多端部署
一个不断前行的程序者
08-21 1222
HarmonyOS 系统面向多终端提供了“一次开发，多端部署”（后文中简称为“一多”）的能力，让开发者可以基于一种设计，高效构建多端可运行的应用。定义：一套代码工程，一次开发上架，多端按需部署。目标：支撑开发者快速高效的开发支持多种终端设备形态的应用，实现对不同设备兼容的同时，提供跨设备的流转、迁移和协同的分布式体验。
如何高效记录并整理编程学习笔记？
爱敲代码的卡拉米的博客
08-23 175
在编程学习的海洋中，高效的笔记记录和整理方法就像一张珍贵的航海图，能够帮助我们在浩瀚的知识中找到方向。如何建立一个既能快速记录又易于回顾的笔记系统？如何在繁忙的学习中保持笔记的条理性？让我们一起探讨如何打造属于自己的编程学习“知识宝库”!提示：讨论如何将笔记与编程实践相结合，以及如何设计有效的复习策略，确保知识的长期记忆。提示：探讨如何设计一个清晰、有逻辑的笔记结构，包括如何分类、标签化、建立知识关联等。提示：介绍适合编程学习的各类笔记工具，分析它们的优缺点及适用场景。方向一：笔记工具选择。
Python基础知识学习总结（七）
₍˄·͈༝·͈˄*₎◞ ̑̑的博客
08-22 1049
函数+文件IO流
Linux基础知识学习（五）
₍˄·͈༝·͈˄*₎◞ ̑̑的博客
08-21 338
Linux用户组管理+磁盘管理+进程管理
嘉立创EDA个人学习笔记2（设计流程及绘制元件）
2302_80867398的博客
08-23 164
本篇文章属于嘉立创EDA的学习笔记，来源于B站教学视频。下面是这位up主的视频链接。本文为个人学习笔记，只能做参考，细节方面建议观看视频，肯定受益匪浅。
HTML基础入门：构建网页骨架与常用标签讲解
这个预习课程为初学者提供了HTML基础，涵盖了HTML的定义、作用、结构元素、常用标签及其应用场景，以及开发工具的使用，帮助学生建立起构建网页的基本框架和理解。通过学习这些内容，学生能够掌握基本的网页制作技巧...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

极具浪漫主义色彩的菜鸟学习之路

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值