html 摸鱼中(1)

学爬虫还得了解一下HTML网页啊

HTML

  1. 介绍

    首先你得知道HTML是什么,其实很简单,我们日常搜索浏览的每一个网页就是html文件.其实也没大家想的这么复杂,HTML入门超级简单的。打开电脑随便浏览什么网页,然后按下F12,整个网页的架构都出来了,或者在网页上面按下ctr+u整个网页的源码就会在新建标签页里面显示出来。你可以仔细阅览整个源码从而了解整个网页结构。

  1. 入门

    现在你可以在桌面新建一个后缀名为.html格式的文件,(ps:注意所有网页都是html格式的文件)

<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>

</body>
</html>

HTML 标签

  • HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
    HTML 标签是由尖括号包围的关键词,比如 <html>
    HTML 标签通常是成对出现的,比如 <b></b>
    标签对中的第一个标签是开始标签,第二个标签是结束标签
    开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:

<html>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>
  • <html></html> 之间的文本描述网页

  • <body></body> 之间的文本是可见的页面内容

  • <h1></h1> 之间的文本被显示为标题

  • <p></p>之间的文本被显示为段落

  • 写完以后可以直接点击html文件通过浏览器打开

示例

示例

HTML 标题

HTML 标题(Heading)是通过<h1> - <h6>等标签进行定义的。

实例

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

HTML 段落

HTML 段落是通过 <p>标签进行定义的。

实例

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

实例
<a href="https://i.loli.net/2019/09/12/WKfMOrkwDZgAXuS.jpg">This is a link</a>

注释:在 href 属性中指定链接的地址

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

实例

注释:图像的名称和尺寸是以属性的形式提供的。

懒真的是一个好东西 我想睡一会 明天继续

觉得写的还行,记得把我的博客网站分享给其他人哦

作者:林祈

时间:2019.9.13


  目录