xqdlbz的博客

想学好前端，首先得有称手的工具，常见的前端开发工具很多，我们接下来会用到的软件是vsCode。恭喜你完成基础配置，接下来我们可以开始写代码了，欸，你说你不会，没关系，今天是小白也会写的代码。鼠标右键，点击open with live server，就可以在网页中看到我们这句话啦！首先，我们每个项目都要放在一个新建文件夹里，所以我们要新建一个文件夹放平时的练习。创建一个文件格式为html的文件，就可以开始写我们的代码了。快捷创建代码框架的按键是：!+Tab(注意是英文感叹号)今天的入门学习结束，明天见。

HTML：是用来描述浏览器的语言，是一套，不是编程语言，全称Hyper Text Markup Lanhuage。比喻成一个人，那么就是骨头，CSS就是衣服。W3C万维网联盟-非营利组织-解决兼容性问题包裹整个代码（根节点），和是兄弟关系，和他们是父子关系。

用于让标签不被识别成标签，而是以文本显示出来。用法一样，若想效果叠加，把标签套在里面即可。①让机器更容易读懂的代码。明天学习内容--列表。

我们常看到新闻网页会像下面这样排，这样的效果是怎么实现的呢？其实在html中用到了列表，今天我们要学习的就是列表的使用。前面的1.、2.、3.是自动生成的。明日学习内容：无序列表和自定义列表。

type="none"，取消默认样式（使用最频繁）有默认间距（后续学css可以取消默认间距）-ul默认type是disc，即小黑远点。2.自定义列表1.无序列表

2、./img01.png（/代表路径，.代表当前）;】3、D:\千峰-案例练习\day5\img（绝对路径，本地运行file协议可以用，但是http协议找不到，很少用，不推荐）；则路径应当先返回上一级：../(返回上一级)，../后的代码同上，知识多了一步：要先跳出来，返回上一级。../../（上一级的上一级，多级返回）src（图片路径）、title（鼠标悬停的提示信息）、alt（图片不显示（加载失败）后的提示信息）2.用引入图片（同一目录下的图片）---图片路径、怎么把图片放在页面中？

内容