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="">
<title>Document</title>
</head>
<body>
<img src="这里填你的图片名字,例如1.jpg,图片跟html放在同一个文件夹下面就行">
<img src="2.jpg">
<img src="3.jpg">
<p>这里输入你想要输入的文字</p>
</body>
</html>
<html>
<head>
<title>简单网页制作练习</title>
</head>
<body>
<p>1.文字内容,直接输入文字即可。。。。。如果想设置其相关属性可以使用font标签
<font size="18" color="red" >红色18号文字</font> </p>
<p> 2.添加图片 <img src="图片名称.属性" id=“图片简介”>
<img src="1.jpg" id=" 加入图片练习"> </p>
</body>
</html>
楼主,如果不明白可以HI联系我。。。。
参考资料: 网站、网页制作(团队)
<head>
</head>
<body>
你的文字
<img src="你的图片地址"/>
</body>
<html>
<html>
<head>
<title>简单网页制作练习</title>
</head>
<body>
<p>1.文字内容,直接输入文字即可。。。。。如果想设置其相关属性可以使用font标签
<fontsize="18"color="red">红色18号文字</font></p>
<p>2.添加图片<imgsrc="图片名称.属性"id=“图片简介”>
<imgsrc="1.jpg"id="加入图片练习"></p>
</body>
</html>
楼主,如果不明白可以HI联系我。。。。
2019-04-27
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- 网页编码(一般网站分为UTF-8和GBK2312) -->
<title>这是我的网页</title><!-- 这是网站标题如(源码家园) -->
<meta name="keywords" content="这是我的网页"><!-- 这是网站关键词如(百度,百度文库,百度站长) -->
<meta name="description" content="这是我的网页"><!-- 这是网站描述如(源码家园是一个专业下载网站源代码的www.linxincn.com) -->
</head>
<!-- 以上是网站头部代码,也就是网站标题、网站关键词、网站描述,一般的网站还会在头部加上CSS和JS文件来控制网站样式 -->
<!-- 以下是body部分,通俗的来讲就叫它网站中间部分 -->
<body bgcolor="#808080">
<p class="mb"><img src="这里是图片地址 比如(https://www.baidu.com/img/bd_logo1.png)" alt="这个是图片名称(当用户鼠标指到它就会出现)"/></p>
<h1><p class="p1"><a href="这里是文章的链接(意思就是说用户点击标题后就会跳转到文章阅读页面)" target="_blank">这里是文章标题</a></p></1h>
</body>
</html>
当然一个HTML网页是少不了CSS文件来控制网页样式的,如下图