前端自学日记-day1

隔壁海狸鼠

已于 2022-12-13 16:07:05 修改

阅读量138

点赞数

分类专栏：前端自学日记文章标签：前端 javascript 开发语言 html

于 2022-12-11 10:06:28 首次发布

本文链接：https://blog.csdn.net/qq_43065990/article/details/128271720

版权

前端自学日记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

前端自学日记

day1

学习总结：总体了解了前端应该学习的内容，开始学习html。

1.前端跟学帖子

阿秀的学习笔记 https://interviewguide.cn/notes/02-learning_route/02-language/05-front.html
鱼皮 https://www.mianshiya.com/
三件套 pink老师 https://www.bilibili.com/video/BV14J4114768
都浏览了一遍个人感觉，作为初学者，阿秀更友好一些，鱼皮冲击大厂必备。就先跟着阿秀学习。

2. 学习进度更新

day1

前端介绍

2.1 网页
2.1.1 什么是网页
网站是由多个网页的组合而成的。是由html文件经过浏览器解析获得的。后缀名为.html或.htm。
2.1.2 什么是HTML
HTML为超文本标记语言，不是即定意义上的编程语言，而是一种标记标签的集合。
2.1.3 网页的形成
前端开发—>浏览器显示—>形成网页
2.2 常用浏览器
常用浏览器为：Firefox，chrome，safari，opere，IE
对应内核：Gecko，Blink，Webkit，Blink，Trident
2.3Web标准
2.3.1为什么使用web标准
为了让市面上不同浏览器和APP等所显示的界面在信息传输时展示的结果不会乱码，更方便。使用的是W3C万维网联盟。
2.3.2 web标准构成
结构S（HTML）/表现P（css）/行为B（JS）

HTML—

2.4 标签介绍
2.4.1 HTML语法规范

<尖括号括住标签>
一般成对存在<></>,少部分为单标签

2.4.2 标签关系

父子-包含关系
兄弟-并列关系

2.4.3 基本骨架

<html>
<head>
    <title>海狸鼠的第一个网页</title>
</head>
<body>
   Hellow world
</body>
</html>

2.4.4 开发工具

VSCode
相关插件介绍
！+Tab 直接显示基本骨架

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>海狸鼠的第一个网页</title>
</head>
<body>
    <h1>Hellow world</h1>
    <p>人生大事<br />吃好喝好<br />保重身体</p>

</body>
</html>

!DOCTYPE 文档类型声明；
lang 语言种类，是对浏览器内核翻译时的一种提示，en英语 zh-CN中文；
charset 字符集，使用的是UTF-8万国码，不会乱码；
2.4.5 常用标签
注意在学习标签时，记录好标签语义，也就是标签的作用。