前端学习Day1

New.file

已于 2025-01-23 16:51:43 修改

阅读量484

点赞数 6

分类专栏：前端学习文章标签： html5

于 2024-10-11 22:27:54 首次发布

本文链接：https://blog.youkuaiyun.com/m0_63031773/article/details/142848234

版权

前端学习专栏收录该内容

2 篇文章

订阅专栏

开发环境的准备

编辑器（写代码）：VScode

浏览器（看效果）：Google Chrome

‌open in live server 和open in default browser的主要区别在于访问地址、图片加载、页面刷新和服务器支持。‌

        首先，访问地址不同。open in default browser访问的是项目保存的电脑地址，可能会存在图片加载不出来的问题，而open in live server则是通过本地服务器访问，通常以127.0.0.1（即localhost）的形式显示，可以解决图片不显示的问题‌。

        其次，页面刷新机制不同。open in default browser在代码保存后需要手动刷新浏览器页面才能看到最新的效果，而open in live server可以自动刷新页面，实时显示代码更改后的效果‌。

        最后，服务器支持不同。open in default browser直接在浏览器中打开文件，不需要启动本地服务器，而open in live server需要启动本地服务器，支持更复杂的开发场景，如热重载等‌

安装 Live Preview 插件，可以实时预览编写的代码：

HTML超文本标记语言

HTML基本骨架

标签之间的关系

注释

shift+tab为前移

标题标签

段落标签

换行和水平线标签

文本格式化标签

左边常用表强调

文字内容加粗标签名为strong，而不是strongs

  URL，全称Uniform Resource Locator，中文译为“统一资源定位符”。它是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址（Address）。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。

  URL的基本结构通常包括以下几个部分：

1.协议部分：指定浏览器如何访问资源，例如http、https、ftp等。
2.主机名部分：指定资源所在的服务器域名或IP地址。
3.端口号部分（可选）：指定访问资源的端口号，例如HTTP默认端口是80，HTTPS默认端口是443。如果端口号是默认端口，可以省略。
4.路径部分：指定服务器上资源的具体位置。
5.查询字符串（可选）：用于指定额外的参数，这些参数通常用于动态网页，通过?与路径部分分隔，并通过&连接多个参数。
6.片段标识符（可选）：通常用于指定网页中的某个位置，通过#与前面的部分分隔。

        例如，https://www.example.com:8080/path/to/resource?query=string#fragment就是一个URL的示例，其中：

        https是协议部分。
        www.example.com是主机名部分。
        8080是端口号部分（不是默认的80或443，因此需要指定）。
        /path/to/resource是路径部分。
        ?query=string是查询字符串部分。
        #fragment是片段标识符部分。

URL是互联网上资源定位的基础，通过它，浏览器能够找到并访问所需的资源。