手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

做一张属于自己的上网导航html网页

时间:2024-10-14 10:53:12

1、第一步、新建一个文件夹,用来存放html文件和图片资源。

做一张属于自己的上网导航html网页

2、第二步、新建一个笔记本文件,并在里面输入<body></body>,然后把文件另存为html文件,即要注意在文件名称后面加上html文件后缀“.html”。

做一张属于自己的上网导航html网页
做一张属于自己的上网导航html网页

3、第三步、添加背景图片。在<body>中加入background="bg.jpg",即<body background="bg.jpg">,“bg.jpg”为你的背景图片名称与及图片样式(图片样式可以查看其属性看得)。

做一张属于自己的上网导航html网页
做一张属于自己的上网导航html网页

4、第四步、在<body></body>设置元素居中,然后创建div块敛财醣沁并加上样式设置代码和动作样式代码,再在每个div块里面加入换行标签</br &爿讥旌护gt;即<center><div style="border-radius:20px; box-shadow:0 0 20px #28FF28;width:300px"onMouseOver="this.style.opacity='0.9'" onMouseOut="this.style.opacity='0.5'">d</div></br ></center>。(注意随意价格元素在div块里面让其得以显示出来,“d”。)

做一张属于自己的上网导航html网页
做一张属于自己的上网导航html网页

5、第五步、放进链接标签a、网址、网址名称和设置在新建页面中打开,即<a href="https://www.baidu.com/" target="_blank">百度 </a>。

做一张属于自己的上网导航html网页
做一张属于自己的上网导航html网页

6、第六步、复制黏贴div块,创建更多你自己喜欢的网址导航。

做一张属于自己的上网导航html网页
做一张属于自己的上网导航html网页
© 手抄报圈