-

标签来定义的.

2.HTML 段落

HTML 段落是通过标签

来定义的.

3.HTML 链接

HTML 链接是通过标签来定义的.

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

菜鸟教程(runoob.com)

这是一个链接使用了 href 属性这是一个链接使用了 href 属性

4.HTML 图像

HTML 图像是通过标签来定义的.

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

笔记：

1、*.html 文件跟 *.jpg 文件(f盘)在不同目录下：

2、*.html 文件跟 *.jpg 图片在相同目录下：

*.jpg

3、*.html 文件跟 *.jpg 图片在不同目录下：

a、图片 *.jpg 在 image 文件夹中，*.html 跟 image 在同一目录下：

*.jpg

b、图片 *.jpg 在 image 文件夹中，*.html 在 connage 文件夹中，image 跟 connage 在同一目录下：

*.jpg

4、如果图片来源于网络，那么写绝对路径：

2.HTML 中 href、src 区别

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

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

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

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

3.HTML 中的 href 和 src 有什么区别

href 表示超文本引用(hypertext reference)，在 link和a 等元素上使用。src 表示来源地址，在 img、script、iframe 等元素上。

src 的内容，是页面必不可少的一部分，是引入。href 的内容，是与该页面有关联，是引用。区别就是，引入和引用

4.MacOS 如何加载图片以及文件目录有空格

MacOS 是没有硬盘分区的，所以引用文件直接：

假设文件目录有空格，直接将空格换成：

%20

如下:

html5教学文档笔记,4.HTML 教程- (HTML5 基础）相关推荐

文档笔记----nodejs菜鸟教程
<html><head><meta charset="utf-8"><title>文档笔记----nodejs菜鸟教程</ti ...
什么是html写出html的文档结构,HTML第二课：认识HTML4和HTML5的文档结构
这两节课的目标是认识HTML4和HTML5的文档结构,了解它们的区别. 一.HTML4文档结构html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ ...
Dva.js 入门级教学文档-1
Dva.js 入门级教学文档-1 简介一.介绍 1.什么是 dva 2.dva 的作用是什么二.环境搭建和使用 1.环境搭建 2.创建项目 3.使用 antd 三.全局架构 1.index.js( ...
HTML5文档结构主体结构语义结构,html5组织文档结构.pdf
html5组织文档结构 1 / 10 html5 组织文档结构文档部分,即 body 部分,包含了访问者可以看到的内容.传统的 HTML 文档通常通过 div 元素来组织文档结构,再配上适当的样式 ...
html5的文档申明为什么是!DOCTYPE html？
首先我们来了解一下什么是文档声明: 文档声明就是文档告诉游览器该以什么样的标准去解析它.游览器可以解析的文档可不止html,还有xhtml,xml...当然在这里我们并不需要知道xhtml.xml是什 ...
计算机word文档无法工作,win10所有word文档都打不开如何解决_win10电脑所有word文档无法打开解决教程...
word是我们经常会用到的文档编辑工具,用户们都会在电脑中安装使用,不过使用的时候难免遇到一些问题,比如有win10 ghost 纯净版系统用户要打开word文档的时候发现电脑中所有word文档都打不 ...
Vue官网2文档笔记
文章目录 $event $on Class 与 Style 绑定对象语法列表渲染 v-for 中使用对象事件处理事件修饰符插槽具名插槽解构插槽 prop 动态组件&异步组件访问 ...
推荐有关Qt书籍、Qt中文参考文档（网上在线教程）、QTCN开发网和Qt入门视频
Qt有关书籍 Qt5开发及实例(极力推荐) Qt及Qt Quick开发实战精解嵌入式Qt开发项目教程 Qt Creator快速入门第2版 Qt中文参考文档(网上在线教程) http://www.k ...
NE40E华为产品文档-----笔记（2022.9.28）
** NE40E华为产品文档-----笔记(2022.9.28) ** P34开始全连接full Mesh 中文解释:全网状英文来历:Full Mesh表示网络的一种连接形式,即所有结点之间都直接 ...

html5教学文档笔记,4.HTML 教程- (HTML5 基础）

-

标签来定义的.

html5教学文档笔记,4.HTML 教程- (HTML5 基础）相关推荐

最新文章

热门文章