HTML概念

一、每个网站都是用HTML代码构建的。

HTML代码基于标签。

标签使用尖括号< >。

尖括号< >将要添加到页面的元素的名称括起来。按钮、文本和图像等元素被添加到带有不同标签的网页中。

您可以使用image标签（<img>）向网页添加图像。

 

标签的主要类型：

按钮: <button>

图片: <img>

文本段落: <p>

表格: <table>

 

网页的结构是用HTML构建的。
然后可以使用CSS为页面设置样式。
JavaScript用于使页面具有交互性。

 

二、HTML代码告诉浏览器（如Chrome， Safari等）如何显示网页。

许多HTML元素都需要开始和结束标记。

例如：<button>Like</button>

你的网络浏览器（例如Chrome， Safari等）可以读取HTML代码并将其转换为你在网上冲浪时看到的内容。

 

三、网页上的文字可以被组织成不同的部分，并带有标题。

HTML中的标题有不同的层次。<h1>定义了最重要的标题。

可以在HTML中使用多达6层的标题。这些标题元素的标签是<h1>, <h2>, <h3>, <h4>, <h5>和<h6>。

标题是另一个需要开始和结束容器标记的元素。

H1是最重要的标题。
你每页应该只有一个一级标题。

在h1之后，您可以根据需要使用尽可能多的h2s，在每个h2之后，您可以包括h3s，等等。

一些HTML元素可以只用一个标签来定义。它们被称为空标签。
图像标记<img>是一个空标记的好例子，它不需要结束标记。
 

四、一张图片胜过千言万语！带有图片的网页浏览量更多，在搜索结果中排名更高，并在社交媒体上得到更多的分享。

图片只需要一个标签显示在网页上。<img>

从技术上讲，图片并不是插入到网页中，它们是链接的。图像的源（src）需要包含在标记中。<img src="image_location">

您需要告诉浏览器在哪里可以找到图像。源（src）是图像在Internet上存储的位置。<img src="http://www.img.jpg">

 图像标记中的源（src）指向可以找到图像的服务器。

URL是Web上的一个位置（或地址）。图像URL需要用单引号或双引号括起来。<img src="http://www.img.jpg">

当图像出现问题时，通常会在网页中显示破碎的图像图标。

正确示例：

<h1>My New Blog Post</h1>
<p>Blog Post</p>
<img src="https://www.sololearn.com/images/tree.jpg">
<button>Click me</button>

 

图像不需要结束标记。一个标签（<img>）足以将图像链接到网页。图像标签是空（非容器）标签的例子。