字节跳动视频制作面试刚刚，邻居看烟花的几分钟时间我学会了HTML基础，最详细的解释小白也能听懂-CSDN博客

本文链接：https://blog.csdn.net/uiuuyy67/article/details/137401611

看吧！这是一张图片。

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

结果如图所示

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

超链接

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

跳转网址

博客主页

我的博客

结果如图所示

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

跳转到指定元素位置

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

博客主页

我的博客

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

跳转到博客主页

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

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

目标值

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

换行符与水平线

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

上面使用了水平线

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

书写规范

====

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

元素名要小写,特殊声明可以用大写，但不能大小写混合使用。
属性名要小写，属性值用双引号包围，特殊情况下双引号在外，单引号在内。
等号左右不使用空格。
不随意使用回车。
注释使用进行注释。
写完内容后要记得使用结束标签结束。
每行代码少于 80 个字符。超过80个字符，在编辑器中可使用回车，在HTML中可使用
。
存在上下层级关系的元素可以使用缩进。

第八种情况，如

注意这里可以缩进

关于与 :

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

什么是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页面

===========

运用前面所学的知识点，现在我们就来制作一个自我介绍页面。

我使用的是pycharm，创建一个工程目录，然后创建一个HTML5文档

就有以上代码

第一行代码表示声明文档类型，必须要有。

示例图：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Python工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Python开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注Python）

一、Python所有方向的学习路线

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

二、Python必备开发工具

工具都帮大家整理好了，安装就可直接上手！

三、最新Python学习笔记

当我学到一定基础，有自己的理解能力的时候，会去阅读一些前辈整理的书籍或者手写的笔记资料，这些笔记详细记载了他们对一些技术点的理解，这些理解是比较独到，可以学到不一样的思路。

四、Python视频合集

观看全面零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。

五、实战案例

纸上得来终觉浅，要学会跟着视频一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。

六、面试宝典

在这里插入图片描述

简历模板

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

nter)

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！