HTML学习笔记-图像和超链接

图像和超链接
1， URL
   绝对路径: https://www.baidu.com/img/bd_logo1.png
   相对路径：
           本目录： filename.png
           上层目录：../filename.png
   根相对路基：
           永远都是从根目录出开始查找资源文件
   注意： 1, url中不能出现中文
       2, 严格区分大小写

2，图像
   标记：单标记<img>
   属性：
       1, src: 指定要显示的图片路径
       2, width:宽度，以px为单位的数值，允许省略px(pixel)
       3，heigh 高度,以px为单位的数值，像素
       注意：如果高度和宽度只设定一个值，则另一个值也跟着等比例缩放

3，超链接
   标记：<a>内容</a>
   属性：
       1， href: 链接地址，相对路径或者绝对路径均可
           "#" 表示返回本页顶部
       2， target: 指定要打开新网页的方式
           _self：默认值，在自身标签页中打开新网页
           _blank: 在新标签页中打开

<!doctype html><head><meta charset="UTF-8"><title>Document</title></head><body><!--图像练习--><h1 align = "Center">HTML5 &lt; Day01 &gt; </h1><hr><h2>1 HTML 文档片段</h2><h3>1.1 问题</h3><p>创建如图-1所示的HTML页面</p><div align="left"><!--图片是从JD首页里面down下来的，地址链接也是里面的--><a href="https://pro.jd.com/mall/active/243Fn7ABGYF8TGB2Tiekm6Z8N6wz/index.html" target="_blank"><img src="img/dog.png" width="163px" heigh="120px" alt=""></a><p>&nbsp;  &nbsp;  &nbsp;  &nbsp;&nbsp;    &nbsp;  &nbsp;      图1 </p></div><h3>1.2 方案</h3><p>使用HTML完成效果</p><h3>1.3 实现</h3><p>创建index.html 完成操作...</p><p align="Center"><!--图片是从JD首页里面down下来的，地址链接也是里面的--><a href="https://pro.jd.com/mall/active/25YetSkaqwFdNWvbWfsLQy7svUZv/index.html?extension_id=eyJhZCI6IiIsImNoIjoiIiwic2hvcCI6IiIsInNrdSI6IiIsInRzIjoiIiwidW5pcWlkIjoie1wiY2xpY2tfaWRcIjpcIjQ4N2VkMzRlLTQ1NzEtNDUxYS05YjY5LTllYjgxYTFjOTU4NlwiLFwibWF0ZXJpYWxfaWRcIjpcIjc4NTgwNjMzM1wiLFwicG9zX2lkXCI6XCI0MjczXCIsXCJzaWRcIjpcIjg2NDllYzE5LWIwZmQtNGU5ZC1hOGI5LTk5Y2UyNjNkYzIzYlwifSJ9&jd_pop=487ed34e-4571-451a-9b69-9eb81a1c9586&abt=1" target="_self"><img src="img/school_open.jpg"  width="590px"  heigh="470px" alt=""></a></p><div align="Center">图2</div><hr></body>
</html>

效果图

HTML学习笔记-图像和超链接相关推荐

CV学习笔记-图像滤波器
图像滤波器 1. 图像滤波 1. 图像滤波&滤波器图像滤波: 即在尽可能保留图像细节特征的条件下对目标图像的噪声进行抑制,是图像预处理中不可不可缺少的操作,其处理效果的好坏将直接影响到后续图 ...
Opencv学习笔记——图像伪色彩增强
以下均为github上opencv的个人学习笔记,原路径如下: https://github.com/JimmyHHua/opencv_tutorials 源码示例: import cv2 as cv ...
OpenCV3 和 Qt5 计算机视觉学习笔记 - 图像转换
插件界面 void Transform_Plugin::setupUi(QWidget *parent) {ui = new Ui::PluginGui;ui->setupUi(parent); ...
HTML学习笔记：设置超链接文本修饰
设置超链接文本修饰 1.演示效果 2.编写代码 <!DOCTYPE html> <html lang="en"> <head><meta ...
halcon学习笔记——图像的预处理
消除噪声 mean_image/binomial_filter 抑制小斑点或细线 median_image 平滑图像 smooth_image 平滑图像的同时保存边缘 anisotropic_diff ...
Opencv学习笔记——图像基本操作
文章目录前言一.数据读取-图像 1.读取图像 2.读取部分图像二.数据读取-视频三.颜色通道提取四.边界填充五.数值计算六.图像融合前言先说一些图像的基本知识: (1)图像由像素构成 ...
opencv学习笔记——图像
图像读入图像全英文路径下图像的读取: retval = cv2.imread(文件名[,显示控制参数]) 含中文路径下图像的读取: retval = cv2.imdecode(np.fromfil ...
[学习笔记]图像学基本概念
1. 像素(Pixel) 像素是组成图像的最小单元,当我们把图片放大到一定的程度,那么可以看到许多小方块,一个方块就是一个像素,这些小方块都有一个明确的位置和被分配的色彩数值,一个个的小方块拼合起来, ...
Qt-OpenCV学习笔记--图像的膨胀--dilate()
概述通过一个特定的结构元素膨胀一个图像. 图像膨胀的过程类似于一个卷积的过程,源图像矩阵A以及结构元素B,B在A矩阵上依次移动,每个位置上B所覆盖元素的最大值替换B的中心位置值(即锚点处),完成 ...

HTML学习笔记-图像和超链接

HTML学习笔记-图像和超链接相关推荐

最新文章

热门文章