HTML中文本标签、超链接标签、图片标签怎么用

这篇文章将为大家详细讲解有关HTML中文本标签、超链接标签、图片标签怎么用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

牟定网站制作公司哪家好，找创新互联公司！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联公司自2013年创立以来到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。

1、简介

在Web应用中，服务器把网页传给浏览器，实际上就是把网页的HTML代码发送给浏览器，让浏览器显示出来。而浏览器和服务器之间的传输协议是HTTP,所以：

1）HTML是一种用来定义网页的文本，会HTML,就可以编写网页;

2）HTTP是在网络上传输HTML的协议，用于浏览器和服务器的通信。

2、页面显示的过程

当浏览器读取到网页首页的HTML源码后，它会解析HTML,显示页面，然后，根据HTML里面的各种链接，再发送HTTP请求给新浪服务器，拿到相应的图片、视频、Flash、JavaScript脚本、CSS等各种资源，最终显示出一个完整的页面。所以我们在 ?Network ? 下面能看到很多额外的HTTP请求。

3、HTTP请求

跟踪了新浪的首页，我们来总结一下HTTP请求的流程：

1）浏览器首先向服务器发送HTTP请求，请求包括：

方法：GET还是POST,GET仅请求资源，POST会附带用户数据;

路径：/full/url/path;

域名：由Host头指定：Host: ?以及其他相关的Header;

如果是POST,那么请求还包括一个Body,包含用户数据。

2）服务器向浏览器返回HTTP响应，响应包括：

响应代码：200表示成功，3xx表示重定向，4xx表示客户端发送的请求有错误，5xx表示服务器端处理时发生了错误;

响应类型：由Content-Type指定;以及其他相关的Header;通常服务器的HTTP响应会携带内容，也就是有一个Body,包含响应的内容，网页的HTML源码就在Body中。

3）如果浏览器还需要继续向服务器请求其他资源，比如图片，就再次发出HTTP请求，重复步骤1、2。

Web采用的HTTP协议采用了非常简单的请求-响应模式，从而大大简化了开发。当我们编写一个页面时，我们只需要在HTTP请求中把HTML发送出去，不需要考虑如何附带图片、视频等，浏览器如果需要请求图片和视频，它会发送另一个HTTP请求，因此，一个HTTP请求只处理一个资源。

HTTP协议同时具备极强的扩展性，一个站点可以链接到其他站点，无数个站点互相链接起来，就形成了World ?Wide ?Web,简称WWW。

网页就是HTML?这么理解大概没错。因为网页中不但包含文字，还有图片、视频、Flash小游戏，有复杂的排版、动画效果，所以，HTML定义了一套语法规则，来告诉浏览器如何把一个丰富多彩的页面显示出来。

所以，学HTML,就不要指望从新浪入手了。我们来看看最简单的HTML长什么样：

这就是我们写的最简单的欢迎仪式了；

HTML文档就是一系列的Tag组成，最外层的Tag是 ?<html> ? 。规范的HTML也包含 ?<head>…</head> ? 和 ?<body>…</body> ? （注意不要和HTTP的Header、Body搞混了），由于HTML是富文档模型，所以，还有一系列的Tag用来表示链接、图片、表格、表单等等。

HTML是一种用来描述网页的标记性语言。学习HTML可能并不难，主要是要记一些HTML标签和标签代表的含义，在这里由于我是写后端

的，所以这里说的并没有很清晰详细；其次前端页面的标签非常多，我不可能记住每一个怎么用，在这里先介绍一个很好的网站

这里是比较全的所有有关web

1、

<div>标签定义 HTML 文档中的分隔（division）或部分（section）。

<div> 标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记

<div>，那么该标签的作用会变得更加有效

2、

<h2> - <h7> 标签可定义标题。<h2> 定义最大的标题。<h7> 定义最小的标题。

由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。

3、

<br/>换行标签

4、

<p> 标签定义段落。

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

5、

<sub> 标签可定义下标文本；

<sup> 可定义上标文本。

6、

<hr> 标签水平线，它应该定义内容中的主题变化。

7、

？空格，在html中的空格在页面中是无法显示的，需要特殊的字符来代替空格

8、

<strong>定义重要的文本。

<em>呈现为被强调的文本。

<dfn>定义一个定义项目。

<code>定义计算机代码文本。

<samp>定义样本文本。

<kbd>定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。

<var>定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。

<cite>定义引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。

9、

<u> 标签定义下划线文本。HTML 5 中不再支持该标签。

10、

<span> 标签被用来组合文档中的行内元素。

span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

11、

<blockquote> 标签定义摘自另一个源的块引用。

<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进，而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。

12、

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

关于“HTML中文本标签、超链接标签、图片标签怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

文章名称：HTML中文本标签、超链接标签、图片标签怎么用
新闻来源：https://www.cdcxhl.com/article24/ijdhje.html

成都网站建设公司_创新互联，为您提供网站导航、响应式网站、外贸网站建设、营销型网站建设、网站设计公司、App设计

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容