HTML——5（图片）

最新推荐文章于 2022-07-25 15:30:00 发布
最新推荐文章于 2022-07-25 15:30:00 发布
阅读量432 收藏 1
点赞数
分类专栏： HTML/JavaScript/CSS 文章标签： 图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Decorator2015/article/details/51305622
版权

图片

1.图片的高度，宽度与框线

  <body>
    <img src="jp3.jpg" height="315" width="370">
    <img src="jp3.jpg" height="158" width="185" border="10">
  </body>

这里写图片描述

2.图片的对齐方式，替代文字

align 的对齐方式有left，right，middle,top,bottom
alt 是当图片不存在时的替代文字。

  <body>
    <img src="jp2.jpg" align="left" alt="与豪斯登堡吉祥物合照">
    <h1>豪斯登堡之旅</h1>
    <p>豪斯登堡位于日本九州岛，一处重现中古世纪欧洲街景的渡假胜地，命名由来是
    荷兰女王陛下所居住的宫殿豪斯登堡宫殿，园内风景怡人俯拾皆画。</p>
  </body>

这里写图片描述

3.图片的超链接与缩略图

  </head>   
    <body>
    <a href="视频介绍.jpg"><img src="视频介绍.jpg" align="left" width="200"></a></a>
    花木兰 (Mulan) 是个勇敢、独立的女孩，不爱刺绣女红，却爱耍刀弄剑。 
    有天头发花白的的父亲被征召上战场，以对抗匈奴，孝顺的木兰于心不忍， 
    遂假扮男装，代父从军去，最后在木须龙、汉马、蟋蟀、李翔的帮助下击退匈奴。
  </body>

这里写图片描述
点击后显示大图。

Decorator2015
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html——表单元素
chhhhh0403的博客
04-22 1292
以下文章主要探讨 HTML5 中表单元素，表单元素用于获取用户的输入数据，以及HTML5 中表单中 input 元素的 type 属性，根据不同的值来显示不同的输入框。 一．表单元素总汇 1.基础表单元素 在 HTML5 的表单中，提供了各种可供用户输入的表单控件。 元素名称 说明 form 表示 HTML 表单 input 表示用来收集用户输入数据的控件 tex
HTML5无限循环滚动图片展示
10-31
在这个"HTML5无限循环滚动图片展示"项目中，我们聚焦于HTML5的一个应用场景——创建一种具有3D效果的图片展示效果，这种效果能够无限循环地滚动图片。 首先，实现这种效果的关键在于HTML5的Canvas元素，这是一个...
前端html——图片插入
qq_41141657的博客
02-13 3994
image.baidu.com 直接进入百度图片搜索 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;!--tit
前端基础——html5新增标签
qq_41721660的博客
04-09 6300
新增表单标签 原始表单标签：input(text、password、radio、checkbox、button)、select、textarea、button、form。 h5增加了很多功能性的表单标签用于pc端和移动端的表单开发。 邮箱：input(type="email")，提交数据时提供了邮箱格式的验证（格式不一定完全正确，因此以后需要通过js来进行调整； 数字输入框：input(type="number")， 网址输入框：input(type="url")，验证输入内容是否为网址，需要完整网址，以
html语言加图片,html代码——给图片加边框代码
weixin_39876650的博客
05-31 863
图片加边框代码这里教大家只需用html代码就能给你的图片加出各种漂亮的相框，使用方法，点“<>”加入代码，换上你的图片网址，适当调整宽度和颜色，就可以让你的图片锦上添花！下面是代码：1、简单线框2、双线框3、虚线框4、凸出框：5、嵌入框：6、脊状框：7、凹槽框8、粒状阴影框做个效果：一原图：1、简单线框2、双线框3、虚线框4、凸出框：5、嵌入框：6、脊状框：7、凹槽框8、粒状阴影框代码...
5.HTML基础——img标签
热门推荐
Veronnit的博客
07-04 1万+
文章目录img标签1.什么是img标签2.img标签的格式3.注意4.属性 img标签 1.什么是img标签 img标签中的img其实是英文image的缩写。所以img标签的作用，就是告诉浏览器我们需要显示一张图片。 2.img标签的格式 < img src=" " > img —— 代表一个标签 src="" —— 代表一个属性 img标签中的src是英文source的缩写 所以img标签中的src就是用来告诉img标签，需要显示的图片名称 3.注意 和H系列标签、P标签还有Hr标签不一样，
HTML——基础标签
三三木木七的博客
05-08 2084
🌳🌳🌳前言：本文简单的总结了一下HTML中经常使用到的HTML标签 🍄HTML—— h 标签 h 元素通常用来表示创建一个标题 🌟注意：创建标题只有 <h1> - <h6>，没有 h7，h8的。 🍥那么<h1>~<h6>它们有什么区别呢？ 从<h1>~<h6>他们的字体依次减小。 🌰举个例子——<h>标签 <!DOCTYPE html> <html> <head>
HTML5网页设计基础——拼图效果
shengming_tutou的博客
02-03 2712
案例： 图片资源: 参考代码： <!doctype html> <html><head> <meta charset="utf-8"> <title>无标题文档</title> </head> <style> *{ margin:0; padding:0; } .wai{ width:608px; height:454px; border:5px solid #999; ..
canvas——绘制图片——动图制作
weixin_53596260的博客
07-25 1284
canvas——绘制图片——动图制作
HTML5画布框架fabricjs学习笔记（二）——图片与背景
石沉溪洞
01-02 4895
这篇博文主要介绍如何在画布中添加图片对象、图片背景及纯色背景。
web前端学习（三）——HTML5的字体、特殊符号、插入图片及头部元素的相关标签设置
★★光亭★★
12-18 9951
web前端学习（三）——HTML5的字体、特殊符号、插入图片及头部元素的相关标签设置
html5——企业网页
04-15
在这个“html5——企业网页”的实践中，我们将探讨HTML5如何应用于构建现代企业网站，以及其核心知识点。 首先，HTML5的语义化元素是其一大亮点。如`<header>`、`<nav>`、`<main>`、`<article>`、`<aside>`和`...
HTML5期末大作业：网站——个人博客
04-18
这个“HTML5期末大作业：网站——个人博客”项目显然旨在让学生掌握并实践HTML5的相关知识，通过创建一个完整的个人博客网站来提升技能。在这个项目中，我们可以探讨以下几个关键知识点： 1. **HTML5结构元素**：...
HTML5图片展示
11-08
此外，HTML5引入了离线存储机制——`Application Cache`（AppCache）和`Service Worker`，使得图片展示可以在离线状态下仍然可以访问。AppCache主要用于缓存静态资源，而Service Worker则更强大，可以拦截网络请求，...
HTML5 SVG唐老鸭图片代码
05-01
总之，HTML5 SVG唐老鸭图片代码是一个很好的学习资源，它结合了HTML5的现代特性与SVG的强大绘图功能，帮助开发者深入理解矢量图形在网页设计中的应用，同时也提供了一个有趣的实践项目，可以激发创新思维并提升技术...
JavaScript——2（对象）
Decorator2015的博客
05-13 8050
1，对象（Object）或实例（instance）：在JavaScript中，对象则是数据与程序代码的组合，它可以是整个应用程序或整个应用程序的一部分。 2，属性（property）或字段（filed）：是用来描述对象的特质。 3，方法（method）：是用来执行对象的动作。 4，事件（event）：是在某些情况下发出特定信号警告。 5，类（class）：是对象的分类，就像对
HTML——7（窗体与后台处理）
Decorator2015的博客
05-03 6860
窗体与后台处理1.建立窗体——<form>,<input>元素窗体（form）可以提供输入接口，让用户输入数据，然后将数据传回web服务器，以做进一步的处理。<form method="post" action="handle.php"> <form method="post" action="mailto:jeanchen@mail.lucky.com.tw"><input>元素用来在窗体中插入输
CSS——（CSS样式规则，CSS样式表单，选择器，常用的CSS属性）
Decorator2015的博客
05-13 4619
CSS（Cascading Style Sheets，层叠样式表单）是由W3C所提出，主要的用途是控制网页的外观，也就是定义网页的编排，显示，格式化及特殊效果，有部分功能与HTML重叠。1.CSS样式规则与选择器CSS样式表单是由一条一条的样式规则（style rule）所组成，而样式规则包含选择器（selector）与声明（declaration）两个部分：选择器{属性：值[；属性：值[; …]]
HTML——6（表格）
Decorator2015的博客
05-03 4556
表格1.建立表格——<table>,<tr>,<td>,<th>元素<body> <table border="1"> <tr> <th>人物素描</th> <th>角色</th> <th>介绍</th> </tr> <tr> <td><img src="piece1.jpg" width="
HTML——鼠标经过图片放大特效
最新发布
05-12
HTML本身不支持鼠标经过图片放大特效，但可以通过CSS和JavaScript实现。 以下是一种实现方式： HTML代码： ```html ``` CSS代码： ```css .image-container { position: relative; overflow: hidden; } ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值