二.2.了解Web前端——HTML语言

最新推荐文章于 2024-06-01 08:26:08 发布

ถ๖ุุุุุุู

最新推荐文章于 2024-06-01 08:26:08 发布

阅读量210

点赞数

分类专栏： python网络爬虫入门到实践文章标签： html html5 python 爬虫

本文链接：https://blog.csdn.net/qq_51431768/article/details/116330279

版权

python网络爬虫入门到实践专栏收录该内容

6 篇文章 0 订阅

订阅专栏

HTML语言

1.什么是HTML

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。(源自百度百科）
我们可以通过记事本查看或者直接查看HTML源代码。当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法，然后显示网页内容。

2.HTML的基本标签

大多数标签都是以< xxx>内容</ xxx>的形式成对出现
但也有例外： 就没有,和是一对的但是 不是必需的，<li>列项标记也没有</li>，<hr>横线标记也没有</hr>，等等。
2.（1）文件开始标签
在任何一个html文件里，最先出现的标签都是<html>，这个标签表示该文件是以超文本表示语言（HTML）编写的。<html>标签都是成对出现的，首标签<html>和尾标签<\html>分别位于文件最前面和最后面，文件中所有内容和标签都在其中

<html>
文件的全部内容
</html>

该标签不带任何属性。事实上现在常用的Web浏览器都可以自动识别HTML文件，并不要求有<html>标签，也不对<html>标签有任何操作。但是，为了提高文件的通用性，最好还是养成这个习惯。
2.（2）文件头部标签<head>
习惯上，把HTML分为文件头和文件主体两个部分。大多数文件主体就是在Web浏览器网页内看到的内容，而文件头部分用来规定文件标题，网页名和文件的一些属性。
<head>标签所定义的元素中，并不放置网页的任何内容，放置关于HTML文件的信息。这些信息大部分是用来提供索引、辨认或其他方面的应用。写在<head>中间的文本，如果又写在<title>标签中，则表示该网页的名称，显示在网页窗口的最上方。
如果不需要提供相关信息，<head>标签可以省略
2.（3）文件标题标签<title>
网页的名称写在<title>标签中，显示在网页上方。
HTML文件的标签是可以嵌套的，即在一对标签中可以嵌入另一对子标签，用来规定母标签所含范围的属性或其中某一部分内容。
2.（4）元信息标签<meta>
meta标签提供的信息是用户不可见的，不显示在页面中，一般用来定义页面信息的名称、关键字、作者等。在HTML中，<meta>标签不需要设置结束标签，在一个尖括号内就是一个meta内容，在HTML头页面中可以有多个meta标签。<meat>标签的属性有两种：name和http-equiv。其中name属性主要用于描述网页，以便于搜索引擎机器人查找信息和分类信息。http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容。
2.（5）页面的主体标签<body>
网页主体部分以<body>标签标志它的开始，以</body>结束。在网页的主体标签中有很多属性设置。如下表所示。

属性	描述
text	设定页面文字的颜色
bgcolor	设定页面背景颜色
background	设定页面的背景图像
bgproperties	设置页面的背景图像为固定，不随页面的滚动而滚动
link	设置页面默认的链接颜色
alink	设置鼠标正在单击时的链接颜色
vlink	设置访问过后的链接颜色
topmargin	设置页面的上边距
leftmargin	设置页面的左边距

3.了解HTML结构

下面是一个简单的html5代码和网页图，大家可以先仔细看看。

<html>
    <!-- 网页的标题、图标... -->
    <head>
        <meta charset="utf-8">
        <title>第一个网页</title>
    </head>
    <!-- 网页的具体内容 -->
    <body>
        这是网页的内容
        <a href="http://www.baidu.com" target="_blank">百度</a>
 
        <h1>666666666</h1>
        <h2>666666666</h2>
        <h3>666666666</h3>
        <p>ppppppppppp</p>
    <div>
        <p>ppppppppppp</p>
    </div>
        <ul>
            <li>hahaha</li>
            <li>hahaha</li>
            <li>hahaha</li>
        </ul>
        <ol>
            <li>ahahah</li>
            <li>ahahah</li>
            <li>ahahah</li>
        </ol>
 
    <img src="text.png">
    </body>
</html>

在这里插入图片描述

ถ๖ุุุุุุู

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
二.2.了解Web前端——HTML语言

HTML语言1.什么是HTML HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。(源自百度百科）2.了解HTML结构...
复制链接

扫一扫