2024年Python最新刚刚，邻居看烟花的几分钟时间我学会了HTML基础

今天是年初一，祝大家新年快乐！

万事如意，虎虎生威

段落可以搭配格式化标签使用。

格式化标签

---

格式化标签是嵌套元素的一种，可以将元素置于其他元素之中。常见的格式化标签有：

• **加粗：**可用,表示，建议用。

• 倾斜**：**可用,,表示，建议用。

• 下划线**：**可用,表示，建议用。

• _删除线**：**可用,表示，建议用。

举个例子：

今天是年初二，祝大家身体健康，万事顺意！

而今天我必须要完成这篇文章。

的结果是

列表

–

列表分为有序列表与无序列表。

有序列表（Ordered List）

1. 看，这样就是有序列表。

2. 有序列表用

   1. 表示。

无序列表（Unordered List）

• 嗯，这是无序列表。

• 无序列表用

  • 表示。

无论是有序列表还是无序列表，每一小点都要用列表项目(List Item)

• 包围，否则无法区分是第几小点。
• 这是一个
• 无序列表
• 这是一个
• 有序列表

• 结果为：

  

  图像

  ---

  在HTML中图像用表示。图像有两个属性：

  • **src：**指定图片的存放路径。（必要）

  • **alt：**图片的文本描述，由于某些原因无法加载图片时，会显示图片的文本描述。（非必要但建议使用）

  **注意：**图像元素没有内容，也没有结束标签。

  我们使用图像应创建一个专门存放图像的文件夹。

  

  我创建了一个与HTML文件同级的目录pictures，目录下方有个demo.jpg图像文件。

  那么引用这个图片的话可以这么做。

  

  看吧！这是一张图片。

  在src中，…表示上一级目录，以上图为例，…就表示demo文件夹了。

  结果如图所示

  

  如果给出一个不存在的路径，如漏写.jpg，那么结果就是这样：

  

  超链接

  ---

  超链接用表示。超链接既能跳转网址，也能跳转到HTML的指定元素位置；目标链接都是用href属性接收；超链接的内容是蓝色加下划线字体，点击该字体就能实现跳转。

  跳转网址

  博客主页

  我的博客

  结果如图所示

  

  点击“我的博客”后就能跳转到相应网址

  跳转到指定元素位置

  如果要跳转到指定元素位置，那么元素要有id属性，注意，id属性必唯一。当网页内容较多时，就能使用这个形式的超链接实现快速跳转。

  博客主页

  我的博客

  七点多了还没写完呜呜呜..

  跳转到博客主页

  将目标元素id加个#号传给href表示跳转到该元素。点击跳转后，目标元素会出现在文章的显眼位置。

  

  当我们暂时不知道跳转网址或元素时，可先用#号占位（…）。

  目标值

  根据前面两个操作我们发现，当我们点击链接时，会在本窗口跳转，这是因为有个默认属性target，target也有个默认值"_self",表示在当前窗口跳转。如果我想保留该窗口，在新的窗口打开，那么就要将target值改为"_blank"，表示在新的空白窗口打开。

  换行符与水平线

  ---

  换行符用
  表示，水平线用<hr表示>。

  ---

  上面使用了水平线

  
  

  我想说下面还是用了水平线

  ---

  

  书写规范

  ====

  规范的书写格式大家看的都舒服些。

  1. 元素名要小写,特殊声明可以用大写，但不能大小写混合使用。

  2. 属性名要小写，属性值用双引号包围，特殊情况下双引号在外，单引号在内。

  3. 等号左右不使用空格。

  4. 不随意使用回车。

  5. 注释使用 进行注释。

  6. 写完内容后要记得使用结束标签结束。

  7. 每行代码少于 80 个字符。超过80个字符，在编辑器中可使用回车，在HTML中可使用
     。

  8. 存在上下层级关系的元素可以使用缩进。

  第八种情况，如

  注意这里可以缩进

  关于 与 :

  从开始到现在，我们的示例代码都是在元素里面写的。的作用是制作精美网页呈现给用户看的;而元素里面的内容是告诉浏览器脚本的位置，声明格式，描述文档的各种属性信息如窗口标题，搜索关键词，文档描述等等…

  什么是CSS

  ======

  在学HTML过程中，也许很多人都听说过CSS，但却不知道CSS是用来干啥的，比如说我。我一开始以为CSS是其他编程语言，雨我无瓜，最后才发现我错了。在这里我也给不知道的朋友大致的说明一下。CSS：层叠样式表（Cascading Style Sheet）简称：CSS。和 HTML 类似，CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言，一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。它主要用来设计网页的样式，美化网页；它不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

  如果把HTML比喻成人，那么CSS就是我们的衣服，化妆品等等。

  可以在本网页右击鼠标，再点击检查，可以看到

  

  下面的样式内容就是使用的是CSS。

  点击已计算，发现有个类似于盒子一样的图形。

  

  细一看，这里有多个属性，有margin，border，padding，992.800 x 3181.分别表示外边距，边距，内边距以及内容尺寸。

  CSS就能修改这些属性值，不仅如此，它还可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制；使页面的字体变得更漂亮，更容易编排。

  制作第一个html页面

  做了那么多年开发，自学了很多门编程语言，我很明白学习资源对于学一门新语言的重要性，这些年也收藏了不少的Python干货，对我来说这些东西确实已经用不到了，但对于准备自学Python的人来说，或许它就是一个宝藏，可以给你省去很多的时间和精力。

  别在网上瞎学了，我最近也做了一些资源的更新，只要你是我的粉丝，这期福利你都可拿走。

  我先来介绍一下这些东西怎么用，文末抱走。

  ---

  （1）Python所有方向的学习路线（新版）

  这是我花了几天的时间去把Python所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。

  最近我才对这些路线做了一下新的更新，知识体系更全面了。

  

  （2）Python学习视频

  包含了Python入门、爬虫、数据分析和web开发的学习视频，总共100多个，虽然没有那么全面，但是对于入门来说是没问题的，学完这些之后，你可以按照我上面的学习路线去网上找其他的知识资源进行进阶。

  

  （3）100多个练手项目

  我们在看视频学习的时候，不能光动眼动脑不动手，比较科学的学习方法是在理解之后运用它们，这时候练手项目就很适合了，只是里面的项目比较多，水平也是参差不齐，大家可以挑自己能做的项目去练练。

  

  （4）200多本电子书

  这些年我也收藏了很多电子书，大概200多本，有时候带实体书不方便的话，我就会去打开电子书看看，书籍可不一定比视频教程差，尤其是权威的技术书籍。

  基本上主流的和经典的都有，这里我就不放图了，版权问题，个人看看是没有问题的。

  （5）Python知识点汇总

  知识点汇总有点像学习路线，但与学习路线不同的点就在于，知识点汇总更为细致，里面包含了对具体知识点的简单说明，而我们的学习路线则更为抽象和简单，只是为了方便大家只是某个领域你应该学习哪些技术栈。

  

  （6）其他资料

  还有其他的一些东西，比如说我自己出的Python入门图文类教程，没有电脑的时候用手机也可以学习知识，学会了理论之后再去敲代码实践验证，还有Python中文版的库资料、MySQL和HTML标签大全等等，这些都是可以送给粉丝们的东西。

  

  这些都不是什么非常值钱的东西，但对于没有资源或者资源不是很好的学习者来说确实很不错，你要是用得到的话都可以直接抱走，关注过我的人都知道，这些都是可以拿到的。

  网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

  需要这份系统化学习资料的朋友，可以戳这里无偿获取

  一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！