html图片代码(学生个人网页制作html)
其实html图片代码的问题并不复杂，但是又很多的朋友都不太了解学生个人网页制作html，因此呢，今天小编就来为大家分享html图片代码的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！
求html插入图片的代码
在html中插入图片使用img标签，它有src属性用于填写该图片的路径，alt属性作用是当图片显示失败时就显示alt中的文字。
设置图片的宽用width，高用height，上下左右的位置分别用margin-top，margin-bottom，margin-left，margin-right，代码如下：
<!DOCTYPE html>
<html>
<head>
<title>image</title>
<meta charset="utf-8">
<style type="text/css">
.myImage{
width: 400px;
height: 300px;
margin-top: 100px;
margin-left: 100px;
}
</style>
</head>
<body>
<img src="images/cat.jpg" class="myImage" alt="小猫">
</body>
</html>
扩展资料：
img标签的其它常用属性：align属性应用于图像和周围文本的对齐方式，border属性应用于图像边框值。
img标签向网页中嵌入一幅图像,从技术上讲，<img>标签并不会在网页中插入图像，而是从网页上链接图像，<img>标签创建的是被引用图像的占位空间。
参考资料：
百度百科-image标签
HTML 中添加图片的代码是什么
在html和css阶段，通常可以使用两种方式来添加图片。即使用html标签引入图片和使用css中的background属性添加背景图。下面对这两种方式做个简单的介绍岩辩派。
一、使用【img/】元素引入图片
可以使用【img/】这个元素引入图片，这是一个行内元素，但是具有行内块的属性，可以自行设置高度和宽度。
【img src="../image/bird.png"alt="鸟图"height="300"】。
属性说明：
1、src：通过图片存放路径引入图片，其值就是图片的路径。
2、alt：可给图片设置一个备注名称，当图片因为某种原因加载粗贺不出来时，页面会显示设置的alt值。与之类似的还有一个属性title。alt和title有所不同。往些年面试时，alt和title的区别也是高频考点。这里我不做赘述，留给你的作业，自己去研究研究。
3、height：可设置图片的高度，与之对应的还有一个width属性，也就是可以设置图片的宽度，但是在实际的使用中，height和width往往只用其一，另一个属性值会自动按比例匹配。比如设置height="100",那么图片的width会根据你设置的height属性值自动等比例缩小或者放大，不用再显式的设置width值。反之亦然。
二、css的backgroud系列属性引入背景图。
除了使用html的【img src=''/】引入图片以外，还可以使用css的backgorund系列属性将图片作为背景图添加。由于background系列属性比较多，这里不做过多介绍，只说几个比较常用的属性，其他的可参考官方文档学习。
html代码：灶蔽
【divclass="box"】【/div】
css设置图片的分开写法：
【style】
.box{
height：300px；
width：400px；
background-image：url（../image/bird.png）；
background-size：100%100%；
background-repeat：no-repeat；
background-position：center；
}
【/style】
css设置图片的统一写法：
background-image，background-repeat，background-position可以合成一句。background-size，可以是一个值也可以是两个值，一个值时，第一个值标识高度，宽度则会自适应你设置的值。两个值时，图片会根据你自己设置的值拉伸或者缩小。
【style】
.box{
height：300px；
width：400px；
background:url（../image/bird.png）no-repeatcenter；
background-size：100%100%；
}
【/style】
HTML图片代码
如下：
<img src="D:\\eg_thim.jpg" width="440" height="330"/>
扩展资料：
html代码：结构性定义
文件类型<HTML></HTML>（放在档案的开头与结尾）
文件主题<TITLE></TITLE>（必须放在「文头」区块内）
文头<HEAD></HEAD>（描述性资料，主题）
文体<BODY></BODY>（文件本体）
标题<H?></H?>（从1到6，有六层选择）
标题的对齐<H?ALIGN=LEFT|CENTER|RIGHT></H?>
区分<DIV></DIV>
区分的对齐<DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块<BLOCKQUOTE></BLOCKQUOTE>（内缩）
强调<EM></EM>（以斜体显示）
特别强调<STRONG></STRONG>（通常会以加粗显示）
引文<CITE></CITE>（通常会以斜体显示）
码<CODE></CODE>（显示原始码之用）
样本<SAMP></SAMP>
键盘输入<KBD></KBD>
变数<VAR></VAR>
定义<DFN></DFN>（有些浏览器不提供）
地址<ADDRESS></ADDRESS>
大字<BIG></BIG>
小字<SMALL></SMALL>
关于本次html图片代码和学生个人网页制作html的问题分享到这里就结束了，如果解决了您的问题，我们非常高兴。