目录
0 知识回顾
今天就不叫大家躺平了,能懂多少算多少。
1 HTML 是什么
HTML(Hyper Text Markup Language)是⽤来描述⽹⻚的⼀种语⾔,也叫超⽂本标记语⾔ 。
1.1 显示⽹⻚源代码
在⽹⻚任意地⽅点击⿏标右键,然后点击“显示⽹⻚源代码”。(Windows系统的电脑还可以使⽤快捷键ctrl+u来查看⽹⻚源代码)
1.2 检查
(1)windows:在⽹⻚的空⽩处点击右键,然后选择“检查”(快捷⽅式是ctrl+shift+i);
(2)
mac:
在⽹⻚的空⽩处点击右键,然后选择“检查”(快捷键 command + option + I(⼤写 I ))
2 HTML 的组成
2.1 标签和元素
(1)标签:夹在尖括号<>中间的字⺟,标签通常是成对出现的:前⾯的是【开始标签】,⽐
如<body>;后⾯的是【结束标签】,如</body>;
(2)
元素:开始标签+结束标签+中间的所有内容组成。
注意:HTML标签是可以嵌套标签的,⽽且可以多层嵌套;这就像是在电脑中,⼀个硬盘可以
包含数个⽂件夹,⽂件夹中还可以嵌套⽂件夹。
2.2 ⽹⻚头和⽹⻚体
HTML⽂档的最外层标签⼀定是<html>,⾥⾯嵌套着<head>元素与<body>元素。
<head>元素代表了【⽹⻚头】,<body>元素代表了【⽹⻚体】,这是最基本的⽹⻚结构。
(1)【⽹⻚头】的内容不会被直接呈现在浏览器⾥的⽹⻚正⽂中;
(2)【⽹⻚体】的内容是会直接显示在⽹⻚正⽂中的。
2.3 属性
注意:HTML的属性和Python中的属性不是⼀个东⻄
(1)h1 标签及其对应的属性 style
<h1 style="color:#20b2aa;">这个书苑不太冷</h1>
(2)a 标签及其对应的属性 href
<a href="https://wordpress-edu-3autumn.localprod.forc.work/">我是一个链接,
点我试试</a>