【HTML】【简易电子相册】超链接

用div控制排版

<!-- 文本属性，可以单独设置文本的属性 -->
text-align:

<!-- 改变链接的属性 -->
a:link{}
<!-- 访问链接后，链接的属性 -->
a:visited{}
<!-- 光标停留在链接上时，链接的属性 -->
a:hover{}
<!-- 长按链接时，链接的属性 -->
a:active{}

<!--
添加链接地址时，用//或者\
https:\www.123.com
https://www.123.com--><!-- 添加链接地址,并设置在新窗口打开网页 -->
<a href="" target="_blank"></a>

<!-- 插入图片 -->
<img src=""></img>

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><style type="text/css">div {width: 175px;height: 180px;float: left;margin-left: 50px;text-align: center;}.div1 {width: 500px;height: 200px;margin-left: 0px;margin-bottom: 100px;}.div2 {width: 500px;height: 200px;margin-left: 0px;float: none;}a:link {color: blue;text-decoration: none;}a:visited {color: red;}a:hover {color: gold;}a:active {color: fuchsia;}</style></head><body><div class="div1"><div><a href="https:\baidu.com" target="_blank"><img src="white.jpg" />白云</a></div><div><img src="red.jpg" width="175px" height="180px" /><a href="https:\vip.com">红花</a></div></div><div class="div2"><div><img src="yun.jpg" width="175px" height="180px" /><a href="https:\taobao.com">云</a></div><div><img src="water.jpg" width="175px" height="180px" /><a href="https:\weibo.com">水</a></div></div></body>
</html>

【HTML】【简易电子相册】超链接相关推荐

linux qt电子相册,Qt 简易电子相册
Qt开发软件下开发: 主函数 #include #include "icon.h" #include #include #includeint main(int argc, cha ...
Java 简易电子相册（一）
一.前言如图所示: 目前代码实现了文件夹读取,缩略图展示这两个功能,剩余功能大家看界面也能猜到了,有生之年系列吧,下次想写再说吧. 二.准备 1.win10 2.eclipse 3.jdk 1.8. ...
全国青少年编程等级考试scratch四级真题2021年9月（含题库答题软件账号）
对青少年编程等级考试scratch真题答题考试系统关注的请点击** 电子学会-全国青少年编程等级考试真题Scratch一级(2019年3月)在线答题_程序猿下山的博客-CSDN博客_小航答题助手一. ...
全国青少年软件编程（Scratch）等级考试一级真题——2021.9
青少年软件编程(图形化)等级考试试卷(一级) 分数:100.00 题数:37 一.单选题(共25题,每题2分,共50分) 1. 如下图所示,小明想要做一个文字逐字出现的动画效果,他画出了程序的流程图, ...
项目1 设计简易灯箱画廊实训要求：（1）利用超链接和图像标记设计简易灯箱画廊。（2）给简易灯箱画廊增加背景音乐效果。
html5 项目1 设计简易灯箱画廊实训要求: (1)利用超链接和图像标记设计简易灯箱画廊. (2)给简易灯箱画廊增加背景音乐效果.`` 知识点 (1)超链接标记 <a href=" ...
Java swing简易浏览器（其一）页面显示，超链接跳转与手动输入URL跳转
[Java swing简易浏览器(其一)页面显示,超链接跳转与手动输入URL跳转] [Java swing简易浏览器(其二)前进后退与收藏夹实现] [java swing 简易浏览器(其三)下载器,智 ...
Stm32嵌入式电子相册简易实现
GitHub地址:kevinten10/Stm32-lifecat 基于STM32(秉火指南者开发板)+LCD显示屏,实现电子相册功能,循环播放SD卡中图片 Instructions 基于stm32芯 ...
用python写一个简单的爬虫_Python实现简易Web爬虫详解
编辑推荐: 本文主要介绍了Python实现简易Web爬虫详解,希望对大家有帮助. 本文来自于脚本之家 ,由火龙果软件Alice编辑,推荐. 简介: 网络爬虫(又被称为网页蜘蛛),网络机器人,是一种按照 ...
android制作相册浏览器_电脑上用什么软件做电子相册
有选择困难症的小伙伴们压根不清楚电脑上什么软件做电子相册最合适,就在今天,我要推荐大家使用几种电子相册视频制作,十分的有意思,有哪些需要就看下边的详细介绍,不仅提供了推荐,并且也有下载地址,免除了你寻 ...
网站访客简易日志记录
摘要 header 查看header 模拟header php中的使用 IP接口接口介绍 PHP访问接口并解析简易方式略繁方式解析JSON数据记录器操作系统信息获取浏览器信息核心最终 ...

【HTML】【简易电子相册】超链接

【HTML】【简易电子相册】超链接相关推荐

最新文章

热门文章