html基础教学

大家好,我是编代码的小学森。上一课介绍了VS Code编辑器,这一课通过4个实例了解一下HTML基础。

HTML 标题

HTML标题(Heading)是通过<h1> – <h6> 标签来定义的。

html基础教学


HTML 段落

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

html基础教学


HTML 链接

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

html基础教学

提示:在href属性中指定链接的地址。


HTML 图像

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

html基础教学

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


HTML 中 href、src 区别

href 是 Hypertext Reference 的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有:link、a。例如:

<link href="reset.css" rel=”stylesheet“/>

浏览器会识别该文档为 css 文档,并行下载该文档,并且不会停止对当前文档的处理。这也是建议使用 link,而不采用 @import 加载 css 的原因。 src 是 source 的缩写,src 的内容是页面必不可少的一部分,是引入。src 指向的内容会嵌入到文档中当前标签所在的位置。常用的有:img、script、iframe。例如:

<script src="script.js"></script>

当浏览器解析到该元素时,会暂停浏览器的渲染,直到该资源加载完毕。这也是将js脚本放在底部而不是头部得原因。

简而言之,src 用于替换当前元素;href 用于在当前文档和引用资源之间建立联系。


html基础教学

本文【html基础教学】由作者: 乐观锁 提供,本站不拥有所有权,只提供储存服务,如有侵权,联系删除!
本文链接:https://www.cuoshuo.com/blog/4189.html

(0)
上一篇 2023-03-10 08:32:22
下一篇 2023-03-10 08:38:59

相关推荐

  • Shell语言是不是图灵完备?_shell脚本是什么语言

    计算机编程语言可用于将指令传达给计算机。它们基于某些句法和语义规则,定义了编程语言中每种结构的含义。 现在我得到了一个凡是可以找得到的每种编程语言的列表。我将它们分为以下几类: 解释型编程语言 函数式编程语言 编译型编程语言 过程式编程语言 脚本编程语言 标记编程语言 基于逻辑的编程语言 并发编程语言 面向对象编程语言 解释型编程语言 解释型语言是这样一种编…

    2023-03-09
    700
  • 内存检测软件显示信息

    我们常常会使用系统自带的内存诊断工具和memtest这个工具来检测内存是否存在错误。但是我们很多玩家可能都不知道QuickMemoryTestOK这个更为强大的内存检测工具。 今天我们一起来看看QuickMemoryTestOK。 1/显示内存信息 QuickMemoryTestOK的功能非常丰富,可以检测内存信息,我们可以看到内存运行的频率。但是因为Qui…

    2023-03-13
    400
  • md5校验码怎么用_md5校验失败什么意思

    哈喽,大家好!这里是能看懂的DNF全职百科、百科教学、热点资讯;看角色攻略,看我就够了,一站式教学,一篇看完。 本期内容:DNF冷知识——游戏安装失败、MD5校验失败,各种问题解决教学。 相信很多玩家都遇到过游戏安装失败的情况,而且还不是统一的问题,这里给大家提供解决办法,亲测有用 01 游戏安装失败7001004 官方下载 1、先检查自己的网络是否丢包,一…

    2023-03-19
    000
  • 如何写好软文发朋友圈(适合发朋友圈的软文)

    我们在朋友圈调查过一些转发率高的文章,很容易发现转发率高、阅读量大的文章越多,往往就有很多共同的要素,甚至选取的案例都很典型。所以,如果你想构思一篇软文的内容,想写一篇转发量上千的软文,一定要看下面这篇文章。 1.主题是积极的 这类文案的主题一旦确定,就必须描述一些已经完成的东西,也有一些具体的流程细节和数据。整个文案一定要有观点总结,最好是脚踏实地。读者看…

    2023-03-15
    200
  • 怎样获得linux命令手册

    基本命令 ls 列出当前所在目录的内容 ls ~/videos 列出用户家目录下videos文件夹下的内容 ls ~/videos/*.wmv 列出用户家目录下videos文件夹以wmv为后缀的文件 ~代表用户家目录 . 代表当前目录 … 代表上一级目录 pwd 显示当前目录的路径 cd 切换路径,相对路径和绝对路径均可 cd ~ 切换到用户家目录 cd &…

    2023-03-20
    000
  • java移位运算有什么作用_java中移位运算符

    按位运算符允许我们操作一个整数主数据类型中的单个“比特”,即二进制位。按位运算符会对两个自变量中对应的位执行布尔代数,并最终生成一个结果。 Java的设计初衷是嵌入电视顶置盒内,所以这种低级操作仍被保留下来了。然而,由于操作系统的进步,现在也许不必过于频繁地进行按位运算。 若两个输入位都是1,则按位AND运算符(&)在输出位里生成一个1;否则生成0。…

    2023-03-10
    400
  • 怎么查看pythonpath环境变量_python手动添加环境变量

    人生苦短,我用Python。最近有许多加群的萌新在咨询Python安装的事宜,Python安装问题不大,可以戳这篇文章:。本以为安装Python之后就可以万事大吉,高枕无忧了,往命令行中输入python,发现有下图的错误。 明明已经安装了Python,为什么还出现这个错误呢?这里很可能是因为你尚未设置Python环境变量。今天小编就手把手教你如何设置Pyth…

    2023-03-11
    300
  • js正则表达式判断是否是数字

    正则表达式以及正则在JS表单校验中的应用 1. 正则表达式的引入 表单验证两种常用的方法: <input type="submit" onclick="return validate()"/> <form action="/aa" onsubmit="return &nb…

    2023-03-09
    800
  • 红旗Linux桌面操作系统,win10桌面没有我的电脑图标

    刚安装了win10,刚打开时发现桌面上没有我的电脑图标,这对于很多人来说是非常不适应的,那么win10我的电脑图标没了怎么办?下面学习啦小编就为大家介绍一下具体的解决方法吧,欢迎大家参考和学习。 1.打开设置点击个性化设置. 2.点击主题. 3.点击主题后,点击右侧桌面图标设置. 4.勾选计算机,点击运用后,点击确定.设置完成.

    2023-03-21
    000
  • windowsphone开发者选项,手机的开发者选项在哪

    首先,“开发者模式”是对手机进行开发,高级调试时使用的一种模式。新手机都不会显示这个模式。但是,我们为了使手机更流畅,更好地使用手机就有必要打开这个模式。在这篇文章里,我讲一下怎么打开,打开后要设置哪几个地方。 下面进入正题。 1.在手机设置里,找到 “关于手机” 这个选项并点开。 2.找到 “版本信息”并点开。 3.找到 “软件版本号”,并连续点击五次。 …

    2023-03-14
    400

发表回复

登录后才能评论
返回顶部
错说博客上线啦!