学习前端

2022-09-20 19:11:25 浏览数 (1)

最近一直在学习异步asyncio,但是一直学不会,可能是他太过于高深但我的水平还没到吧,看了还几天也没啥收获,爬虫也学了一些了,到我比较满意的程度,现在要开始学习前端知识了,但是不代表我会放弃python啦,两个都要学习,爬虫还要继续学习,python还有很多库我还没学习。

今天就开始入门前端,边看视频边记笔记。

什么是网站:网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定的内容相关的网页合集。

网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。

HTML(Hyper Text Markup Language)指的是超文本标记语言,他是用来描述网页的一种语言,不是编程语言!!!

Web标准的构成:结构、表现和行为,其中最重要的是结构

结构:结构用于对网页元素进行整理和分类,现阶段主要学习的是HTML

表现:表现用于设置网页元素的版式、元素、大小等外观样式,主要指的是CSS

行为:行为值得是网页模型的定义及交互的编写,现阶段主要学的是JavaScript

HTML的基本标签

标签名

定义

说明

<html></html>

HTML标签

页面中最大的标签,我们称之为根标签。

<head></head>

文档的头部

注意在head标签中我们必须设置的标签是title。

<title></title>

文档的标题

让网页有一个属于自己的标题。

<body></body>

文档的主体

元素包含文档的所有内容,页面内容基本都是放在body里的。

我使用的idle是vscode,现在来创建一个HTML文件,输入英文的!后就会出现整个文件的骨架。

其中第一行<!DOCTYPE>文档类型声明标签,必须放在第一行,他用于说明文档的类型(感觉我在说废话...)

注意点:

1.<!DOCTYPE>声明位于文档的最前面的位置,处于<html>标签之前。

2.<!DOCTYPE>不是一个HTML标签,他就是一个文档类型声明标签。

第二行的lang指的是language语言的种类

en代表的是英文,zh-CN代表的是中文。

第四行是字符集,字符集是多个字符的合集。一遍计算机能够识别和存储各种文字。

在<head>标签内,可以通过<meta>标签中charset属性来规定HTML文档应该使用哪一种字符编码。

<meta charset="UTF-8"/>

HTML常用标签

标题标签<h1>-<h6>(重要)

这是6个不同等级的标题,一级标题是最大的,也是最重要的,依次排序,h6就是重要性最低的标题,字体也是最小的。

段落<p></p>和换行标签<br />(重要)

p是段落(paragraph)的缩写,可以将HTML文档分割成若干段落。

特点:

1.文本在一个段落中会根据浏览器的窗口的大小自动换行。

2.段落和段落之间保有空隙。

br是打断、换行(break)的缩写,它的作用是强制换行。

特点:

1.<br />是个单标签(即单个出现,不像其他的标签成对出现。)

2.<br />标签只是简单的新开一行,跟段落不同,换行之间是没有空隙的。

视频都是在晚修的时候看的,学的差不多了,剩下的就是实践了。

0 人点赞