HTML 基础- 4个实例

不要担心本章中您还没有学过的例子，

您将在下面的章节中学到它们。

HTML 标题

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.

实例

<h1>这是一个标题</h1> <h2>这是一个标题</h2> <h3>这是一个标题</h3>

尝试一下 »

HTML 段落

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

实例

<p>这是一个段落。</p> <p>这是另外一个段落。</p>

尝试一下 »

HTML 链接

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

实例

<a href="http://www.runoob.com">这是一个链接</a>

尝试一下 »

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

(您将在本教程稍后的章节中学习更多有关属性的知识).

HTML 图像

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

实例

尝试一下 »

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

HTML 编辑器

HTML 元素

2 篇笔记

wgpt1633

897***276@qq.com

参考地址

1、*.html 文件跟 *.jpg 文件(f盘)在不同目录下：
```
<img src="file:///f:/*.jpg" width="300" height="120"/>
```
2、*.html 文件跟 *.jpg 图片在相同目录下：
```
<img src="*.jpg" width="300" height="120"/>
```
3、*.html 文件跟 *.jpg 图片在不同目录下：

a、图片 *.jpg 在 image 文件夹中，*.html 跟 image 在同一目录下：
```
<img src="data:image/*.jpg/"width="300" height="120"/>
```
b、图片 *.jpg 在 image 文件夹中，*.html 在 connage 文件夹中，image 跟 connage 在同一目录下：
```
<img src="../image/*.jpg/"width="300" height="120"/>
```
4、如果图片来源于网络，那么写绝对路径：
```
<img src="http://static.runoob.com/images/runoob-logo.png" width="300" height="120"/>
```
wgpt1633

wgpt1633

897***276@qq.com

参考地址

2个月前 (08-01)
Sam

105***3007@qq.com

参考地址

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(4)---HTML 基础相关推荐

java入门慕路径,Java入门基础知识总结学习教程大全【必看经典】
类型的表达式,是循环条件,表达式3是党执行了一遍循环之后,修改控制循环的变量值. ??? for语句的执行过程是这样的:首先计算表达式1,完成必要的初始化工作:然后判断表达式2的值,如果表达式的值为t ...
提交表单自动刷新_Web自动化测试：元素的基础操作和浏览器基础操作
上一节,我们了解了如何定位元素,其实也有涉及对于元素的操作,这一节我们就详细的介绍一下对于元素的操作和对于浏览器的一些操作一.对于元素的基础操作: clear():清除输入框内的文本 send_ke ...
java mybatis基础
java mybatis基础 1.1 什么是mybatis? mybatis是一个优秀的持久层框架. 避免几乎所有的JDBC代码和手动设置参数以及获取结果集的过程. 可以使用简单的xml或者注解来配置 ...
【J2SE】学习基础
Java基础语法基础 OO Exception Array 基础类 I/O Stream Collection/Generic Thread TCP/UDP GUI Meta Data Regula ...
【Linux系统】基础总结
我不太清楚运维部门具体是做什么的,就接触过一点点运维部门! 也就是是知道他们负责管理服务器,管理网络,管理项目部署偶尔自己需要部署,不得不接触一些linux命令.简单总结一些基础 linux系统发展 ...
【Java 2 Platform Enterprise Edition】基础
问题1:为什么java是无关平台? 你之前用C或者C++写的源代码,编译好后,换一种操作系统,可能就执行不了了.因为新的操作系统不识别,你需要修改你的源码,并在新的操作系统上重新编译才能运行,比如Wi ...
SpringCloud Alibaba微服务实战(一) - 基础环境搭建
说在前面 Spring Cloud Alibaba 致力于提供微服务开发的一站式解决方案.此项目包含开发分布式应用微服务的必需组件,方便开发者通过 Spring Cloud 编程模型轻松使用这些组件来 ...
Redis概述和基础
Redis 1.NoSQL NoSQL = Not Only SQL(不仅仅是SQL) 泛指非关系型数据库的,随着web2.0互联网的诞生!传统的关系型数据库很难对付web2.0时代!尤其是超大规模的 ...
pass基础架构分析
pass基础架构分析 Relay 和 TVM IR,包含一系列优化passes,可提高模型的性能指标,如平均推理,内存占用,或特定设备的功耗.有一套标准优化,及特定机器学习的优化,包括常量折叠,死代码 ...
LLVM编译器基础架构与DragonEgg示例
LLVM编译器基础架构与DragonEgg示例 LLVM 概述 LLVM 项目是模块化和可重用的编译器和工具链技术的集合.LLVM 与传统的虚拟机几乎没有关系."LLVM"这个名字 ...

HTML(4)---HTML 基础

HTML 基础- 4个实例

HTML 标题

实例

HTML 段落

实例

HTML 链接

实例

HTML 图像

实例

HTML(4)---HTML 基础相关推荐

最新文章

热门文章