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

今天是年初一,祝大家新年快乐!

万事如意,虎虎生威

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

格式化标签


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

  • **加粗:**可用,表示,建议用

  • 倾斜**:**可用,,表示,建议用

  • 下划线**:**可用,表示,建议用

  • 删除线**:**可用,表示,建议用

举个例子:

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

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

的结果是

列表

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

有序列表(Ordered List)

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

  2. 有序列表用

    1. 表示。

无序列表(Unordered List)

  • 嗯,这是无序列表。

  • 无序列表用

    • 表示。

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

  • 包围,否则无法区分是第几小点。
    • 这是一个
    • 无序列表
      1. 这是一个
      2. 有序列表
      3. 结果为:

        图像


        在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行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

      评论
      添加红包

      请填写红包祝福语或标题

      红包个数最小为10个

      红包金额最低5元

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

      抵扣说明:

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

      余额充值