分享

第 1 关、HTML基础

 闲逸白发 2020-06-02

1、HTML 是什么

HTML(Hyper Text Markup Language)是用来描述网页的一种语言,也叫超文本标记语言 。

1-1、查看网页的 HTML 代码

①、显示网页源代码

在网页任意地方点击鼠标右键,然后点击“显示网页源代码”。(Windows系统的电脑还可以使用快捷键ctrl u来查看网页源代码)

②、检查

  • windows:在网页的空白处点击右键,然后选择“检查”(快捷方式是ctrl shift i);

  • 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中的属性不是一个东西

①、h1 标签及其对应的属性 style

自动检测
<h1 style='color:#20b2aa;'>这个书苑不太冷</h1>

②、a 标签及其对应的属性 href

自动检测
<a href='https://wordpress-edu-3autumn.localprod./'>我是一个链接,点我试试</a>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多