第二讲:HTML基础(python)

目录

0 知识回顾

1 HTML 是什么

1.1 显示⽹⻚源代码

1.2 检查

2 HTML 的组成

2.1 标签和元素

2.2 ⽹⻚头和⽹⻚体

2.3 属性


0 知识回顾

第一讲:最能入门的爬虫教程(Python实现)

今天就不叫大家躺平了,能懂多少算多少。


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>

猜你喜欢

转载自blog.csdn.net/weixin_46039719/article/details/123948871
今日推荐