前端学习day01--html

最新推荐文章于 2024-07-13 10:22:10 发布

W_jiaying

最新推荐文章于 2024-07-13 10:22:10 发布

阅读量125

点赞数 1

文章标签： html5

本文链接：https://blog.csdn.net/W_Chelsea/article/details/114789470

版权

咸鱼达人要开始学前端了= =
想学很久了，但是因为种种原因（没错就是我的拖延症+懒癌晚期）迟迟没有开始学。身边的同学都开始投简历实习了，而我刚刚考完试还在努力投入编程学习的状态中。。。
这次学习是跟着B站上的pink老师，笔记也是根据他的讲课来做的。
学习路线:
html5基础–CSS3基础–H5C3提高–项目实战

Web基本知识

什么是网页

网站：网业的集合。
网页：由图片，声音，文字，链接组成，文件后缀名：.html/.htm。网页是网站的基本元素，通过浏览器来阅读。

HTML

超文本标记语言（Hyper Text Markup Language），是一种标记语言,由标签组成。
超文本：1.超越了文本的限制2.超级链接文本

常用浏览器

浏览器是网页显示运行的平台。
国际上用的比较多IE、Firefox、Chrome（世界将近一半份额）、Safari、Opera。
浏览器内核:也叫渲染引擎：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。
Chrome内核：Blink(Webkit分支)
国产浏览器大多用Webkit/Blink

Web标准

W3C（万维网联盟）指定的一系列标准的集合。
为什么需要Web标准：展示同一内容。
有哪些标准：
结构（HTML）：网页元素–小鸟的身体 *最重要
表现（CSS）：外观样式–小鸟的羽毛
行为（Javascript）：网页交互–小鸟的飞行
三者互相分离

HTML语法规范

双标签，由尖括号包含，成双成对

<html> </html>

单标签

<br />

标签关系：
分为两类：包含关系和并列关系

HTML基本结构标签

HTML标签：根标签
head标签：文档的头部
title标签：文档的标题
body标签：文档的主体

<html>
	<head>
		<title> 山河令 </title>
	</head>
	<body>
		山河不足重，重在遇知己
	</body>
</html>

开发工具

VSCode
新建文件后及时保存，后缀名：.html
快速生成骨架方式：！
ctrl+/-:放大/缩小代码页面

VSCode插件使用

在哪安装插件：
在这里插入图片描述
常用插件：
open in browser
auto rename tag

< !doctype >和lang

<!DOCTYPE html>//最前面，开头位置，文档类型的申明标签，不属于HTML
<html lang="en">//定义中文网站还是英文网站  lang:语言  en：英语；zh-CN:中文
<head>
    <meta charset="UTF-8">//字符集  UTF-8：万国码
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FIRST</title>
</head>
<body>
    oh girl!
</body>
</html>

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端学习day01--html

咸鱼达人要开始学前端了= =想学很久了，但是因为种种原因（没错就是我的拖延症+懒癌晚期）迟迟没有开始学。身边的同学都开始投简历实习了，而我刚刚考完试还在努力投入编程学习的状态中。。。这次学习是跟着B站上的pink老师，笔记也是根据他的讲课来做的。学习路线:html5基础–CSS3基础–H5C3提高–项目实战Web基本知识什么是网页网站：网业的集合。网页：由图片，声音，文字，链接组成，文件后缀名：.html/.htm。网页是网站的基本元素，通过浏览器来阅读。HTML超文本标记语言（Hype
复制链接

扫一扫