html自我介绍网页代码加图片(html5自我介绍代码)
html求制作一个简单网页代码，只需要一些文字加张图片
具体步骤如下：
静态网页现阶段主要采用DIV+CSS+Javascript来实现,
第一步:在桌面上创建一个文本文件;
第二步:将文本名改为"test.html"(扩展名为.html或者.htm即可,看不见扩展名可以到);
第三步:文件名改好后,右击打开方式,选择记事本;
第四步:写代码。
html代码写成下图这样即可:
2.css代码写在下图区域内:
3.javascript代码写在下图区域内:
第五步:在这些代码区域内写上你的代码;
第六步:保存该文本文件;然后右击打开选择一个浏览器打开;如果出现“已限制网页运行脚本。。。”点击允许。
代码如下：
!doctype html
html
head
meta charset="UTF-8"
meta name="Generator" content="EditPlus?"
meta name="Author" content=""
meta name="Keywords" content=""
meta name="Description" content=""
titleDocument/title
/head
body
img src="这里填你的图片名字，例如1.jpg，图片跟html放在同一个文件夹下面就行"
img src="2.jpg"
img src="3.jpg"
p这里输入你想要输入的文字/p
/body
/html
HTML怎么在里面用代码添加背景图片和背景音乐?详细一点的答案
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、将index.html中的body标签的代码替换为：
body style="background: url(image.jpg)"
audio autoplay loop src="11704.mp3"/audio
/body
3、浏览器运行index.html页面，此时发现页面多了背景图片和背景音乐。
怎么在用记事本写的html网页中添加图片啊？
1、首先，我们要在磁盘文件夹中创建一个记事本，右键单击并选择Create a Notepad。
2、寻找计算机的照片，保存到文件中，以便打开页面。然后，双击打开记事本，在编辑区域中输入以下网页代码：
html
HEAD
title我的第一个空间/ title
/ HEAD
BODY
img src =“file：/// E | / New Folder / 1.jpg”width =“451”height =“300”/
/ BODY
/ HTML
请注意图像路径是正确的。
3、输入完成后，单击记事本菜单栏中的“另存为...”文件，并将后缀名称更改为.html。
4、然后，双击刚刚保存为.html的文件，即网页文件。此时，您会在浏览器中看到它已打开并且有一张图片。
怎么在网页中插入图片html图片代码
在网页中插入图片html图片代码方法：
步骤：
一、html图片标签语法
img?src="divcss-logo-201305.gif"?width="165"?height="60"?/
img介绍：
src 后跟的是图片路径地址
width?设置图片宽度
height?设置图片高度
二、具体html 图片显示实例
在html源代码中分别插入三张图片，一张原始大、一张将宽度高度改小小、一张将宽度高度改大。
1、实例完整html代码：
!DOCTYPE?html?
html?
head?
meta?charset="utf-8"?/?
title图片插入html?在线演示/title?
/head?
?
body?
p原始大图片/p?
p?
img?src="divcss-logo-201305.gif"?width="165"?height="60"?/?
/p?
p改小图片/p?
p?
img?src="divcss-logo-201305.gif"?width="105"?height="30"?/?
/p?
p改大图片/p?
p?
img?src="divcss-logo-201305.gif"?width="365"?height="120"?/?
/p?
/body?
/html
2、html插入图片实例截图
3、在线演示：
在html网页中显示图片，插入图片，通过使用img标签来实现，通过也可以将图片作为CSS网页背景图片显示插入到Html网页中（css 背景图片）。
求html插入图片的代码
在html中插入图片使用img标签，它有src属性用于填写该图片的路径，alt属性作用是当图片显示失败时就显示alt中的文字。
设置图片的宽用width，高用height，上下左右的位置分别用margin-top，margin-bottom，margin-left，margin-right，代码如下：
!DOCTYPE html
html
head
titleimage/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标签