首页 > 其他分享 >【网页前端设计HTML】图片

【网页前端设计HTML】图片

时间:2024-07-21 22:26:21浏览次数:15  
标签:src 网页 图文并茂 img 标签 前端 HTML 属性 图片

一、图片的简介

任何网页都少不了图片,一个图文并茂的页面,可以使得用户体验更好。如果想让网站获得更多的流量,也需要从“图文并茂”这个角度挖掘一下。
在HTML中,我们可以使用img标签来显示一张图片。对于img标签,只需要掌握它的3个属性:src、alt和title。<img src="" alt="" title="" />

二、图片标签

⭐src属性
语法:<img src="图片路径" />
所谓的“图片路径”,指的就是“图片地址”。任何一个图片必须指定src属性才可以显示。也就是说,src是img标签必不可少的属性。
举个例子:

<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <img src="img/1.png">
</body>

标签:src,网页,图文并茂,img,标签,前端,HTML,属性,图片
From: https://blog.csdn.net/weixin_53597021/article/details/140479120

相关文章

  • 前端快速处理几十万条数据的方式?
    在前端处理大量数据时,可以采用以下几种方式来提高处理速度和性能:数据分页:将数据分成多个页面,并按需加载。只加载当前页面的数据,而不是一次性加载全部数据。这可以减少初始加载时间和内存占用,并提高用户体验。虚拟滚动:对于需要展示大量列表或表格数据的情况,可以使用虚拟滚动......
  • 谷粒商城实战笔记-43-前端基础-Vue-使用Vue脚手架进行模块化开发
    文章目录一,Vue的模块化开发1,目录结构2,单文件组件(SFC)3,模块化路由4,Vuex模块5,动态组件和异步组件6,抽象和复用7,构建和打包8,测试9,文档和注释10,持续集成/持续部署(CI/CD)二,实战1,全局安装webpack2,全局安装vue脚手架3,初始化vue项目4,启动vue项目三,Vue应用原理初探1,m......
  • 【前端 01】HTML快速入门:构建你的第一个网页
    【前端01】HTML快速入门:构建你的第一个网页在Web开发的广阔世界中,HTML(HyperTextMarkupLanguage)是构建网页的基石。无论是简单的个人博客还是复杂的电子商务网站,HTML都是不可或缺的一部分。本文将带你快速入门HTML,通过编写你的第一个HTML文件,了解HTML的基本结构和一些重......
  • 第2节课:文本内容与格式化——HTML中的文本处理技巧
    目录文本内容与格式化:段落和标题:构建文本基础段落`<p>`标题`<h1>`到`<h6>`格式化:强调和样式加粗`<b>`斜体`<i>`下划线`<u>`列表:组织内容无序列表`<ul>`有序列表`<ol>`定义列表`<dl>`实践:创建一个内容丰富的网页结语文本内容与格式化:在网页设计中,文本是......
  • 389.权志龙明星主题网页 大学生期末大作业 Web前端网页制作 html5+css+js
    欢迎光临仙女的网页世界!这里有Web前端网页制作的各行各业的案例,样式齐全新颖,并持续更新!感谢CSDN,提供了这么好的知识学习、技术交流的平台,让我们在这里相遇,小伙伴们,来吧,让我们一起开启Web前端网页制作的奇妙之旅!说起Web前端,大学开启这扇技术之门以来,一切起始于兴趣爱好和......
  • 爬虫爬取网页的信息与图片的方法
    爬虫爬取网页的信息与图片的方法爬取人物信息importrequestshead={"User-Agent":"Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/126.0.0.0Safari/537.36Edg/126.0.0.0"}#这是get请求带参数的模式defget......
  • 【前端】JavaScript入门及实战21-25
    文章目录21关系运算符22编码23相等运算符24条件运算符25运算符优先级21关系运算符<!DOCTYPEhtml><html><head><title></title><metacharset="utf-8"><scripttype="text/javascript"> /* 通过关系运算符可以比较两个值之间的大小关系, 如果关......
  • 【前端】JavaScript入门及实战51-55
    文章目录51函数52函数的参数53返回值54练习55return51函数<!DOCTYPEhtml><html><head><title></title><metacharset="utf-8"><scripttype="text/javascript"> /* 函数: 1.函数也是一个对象 2.函数中可以封装一些功能......
  • xlsx 前端插件 导出 elment表格示例
    安装yarnaddxlsxyarnaddfile-savergit文档:https://github.com/rockboom/SheetJS-docs-zh-CNnpm地址:https://www.npmjs.com/package/xlsx代码<template> <divclass='box'> pageC <el-buttontype="primary"size="defa......
  • 手把手教你部署前端项目CI/CD Jenkins 篇
    1JenkinsJenkins是一个开源的自动化服务器,用于支持软件开发中的持续集成与持续部署(CI/CD)。它是一个自由及开源的自动化工具,提供了友好的操作界面,允许开发团队自动化地执行各种任务,如代码构建、测试、部署等。Jenkins由Java语言编写,可在Tomcat等流行的servlet容器中运行,也可独立......