首页 > 其他分享 >html+css:<a>中嵌入<img>,实现图片链接

html+css:<a>中嵌入<img>,实现图片链接

时间:2023-09-07 09:26:32浏览次数:43  
标签:文字 嵌入 html 跳转 图片链接 css

这个很好理解,记住 <a> 中不仅可以写标签,还可以嵌入文字。

现在效果如下,在<a>中嵌入了<img>,同时又嵌入了<p>,点击图片和文字段落,其都会直接来进行跳转。

这个是非常重要的,一点也不难,耐心做下去。

 

 

标签:文字,嵌入,html,跳转,图片链接,css
From: https://www.cnblogs.com/qwe-asd-zxc-nm/p/17683943.html

相关文章

  • html+css:文章居中,图片居中
    我们平常要涉及很多居中,现在这个要理解一、文字内容居中如下,其宽度居中采用text-align,但其高度居中,则让块高度,和行高度保持一致,此时就可以实现宽度居中 二、图片居中于浏览器,img作为行内块元素是无法实现的!img作为行内块元素,其有行的性质,此时margin是没有效果的,如下图。......
  • 10 个 效果不错的值得收藏的 css 代码片段
    10个css代码片段以下这10个常用的css代码片段值得收藏,都可以用于平常的业务代码当中。1.点点点加载中效果这是一个兼容性不错的用户体验很棒的点点点加载效果,实现思路如下:使用自定义的标签元素dot。将dot元素设置为内联元素(display:inline-block),并设置溢出隐藏(over......
  • 1.HTML开发--个人网页:创建一个个人网页,包括个人简介、联系信息和照片
    创建一个个人网页是一个很好的方式来展示你自己,你可以在上面分享个人信息、联系方式以及你的兴趣爱好。以下是一个简单的HTML模板,你可以基于它创建你自己的个人网页:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=......
  • 借助html2canvas下载图片,有滚动条的情况显示不全的问题
    我自己的遇到的情况是将页面的一个小窗口里边的内容生成图片下载,试了网上搜到的几个方法都没有生效,最后自己用了个取巧的方法:通过调整overflow-y来解决这个问题。downloadItem(){consttargetDom=document.getElementById(`image-${this.dialogNo}`)targetDo......
  • css---3d翻转
    简单的一个3d翻转的动画特效:<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><styletype="text/css">.main-img{width:800px;margin:50pxauto0;overflow:......
  • HTML5与CSS3实现动态网页(上)
    结构标签article:标记定义一篇文章header:标记定义一个页面后者一个区域的头部nav:标记定义导航链接section:标记定义一个区域aside:标记定义页面内容部分的侧边栏hgroup:标记定义文件中一个区块的相关信息figure:标记定义一组媒体内容以及他们的标题figcaption:标签定义figure元......
  • 【CSS】CSS笔记
    CSS笔记CSS就是美化网页的。CSS是层叠样式表(CascadingStyleSheets)的简称。有时也称为CSS样式表或级联样式表。也是一种标记语言。CSS简介选择器+声明h1{color:red;...}选择器{属性:值}CSS代码风格样式格式书写:展开格式,一个样式写一行。样式大小写:小写......
  • 【CSS】画自适应矩形
     <html><style>.box{/*1.padding-top根据父容器进行百分比计算数值的*//*width:50%;background:blue;padding-top:50%;*//*2.aspect-ratio:规定了纵横比,这个纵横比可以用来计算自动尺寸以及......
  • 【CSS】画三角形
    <html><head><title>CSS绘制三角形</title></head><body><div><h1>实心三角形</h1><divclass="filled-triangle-1"></div>......
  • 【CSS】伪类选择器和伪元素选择器
    伪类选择器用于指定所选元素的特殊状态,参考https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-classes伪元素选择器允许你对被选择元素的特定部分修改样式,不会真的修改dom结构,参考https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-elements<html><head>......