天天看点

html 摸鱼中(1)HTML 标题HTML 段落HTML 链接HTML 图像

学爬虫还得了解一下HTML网页啊
html 摸鱼中(1)HTML 标题HTML 段落HTML 链接HTML 图像

HTML

  1. 介绍:

    首先你得知道HTML是什么,其实很简单,我们日常搜索浏览的每一个网页就是html文件.其实也没大家想的这么复杂,HTML入门超级简单的。打开电脑随便浏览什么网页,然后按下

    F12

    ,整个网页的架构都出来了,或者在网页上面按下

    ctr+u

    整个网页的源码就会在新建标签页里面显示出来。你可以仔细阅览整个源码从而了解整个网页结构。
html 摸鱼中(1)HTML 标题HTML 段落HTML 链接HTML 图像
  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 摸鱼中(1)HTML 标题HTML 段落HTML 链接HTML 图像
html 摸鱼中(1)HTML 标题HTML 段落HTML 链接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>

标签进行定义的。

实例

html 摸鱼中(1)HTML 标题HTML 段落HTML 链接HTML 图像

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