文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2024-04-02 19:55

关注

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

  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>&hellip;</head> ? 和  ?<body>&hellip;</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中文本标签、超链接标签、图片标签怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯