提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  工具

当前栏目

学习前端

学习前端
2023-06-13 09:12:59 时间

最近一直在学习异步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 />标签只是简单的新开一行，跟段落不同，换行之间是没有空隙的。

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

相关文章