8小时学会HTML网页开发视频灵犀科技网站背景图资源-CSDN下载

共56个文件

gif：32个

jpg：20个

css：2个

需积分: 17 21 浏览量 2018-09-23 20:59:11 上传评论收藏 533KB RAR 举报

HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。通过HTML，我们可以构建出结构化的网页内容，包括文本、图像、链接等元素。在"8小时学会HTML网页开发"的课程中，你将逐步了解和掌握如何利用HTML来构建一个网站的基本框架。这个课程的特别之处在于它以“灵犀科技网站背景图”为主题，这意味着你会学习到如何使用HTML来设置网页的背景图像。背景图像在网页设计中起着重要的作用，它可以为网站增添视觉吸引力，强化品牌形象，或者提供某种交互体验。在描述中提到，“解压过后背景图片都在储存路径images里”。这表明课程可能包含了一些实际操作的环节，比如如何在HTML中引用这些图片。在HTML中，我们通常使用`<img>`标签来插入图像，其src属性指定了图像文件的位置。如果图像位于“images”文件夹下，路径可能是相对或绝对的，例如`<img src="images/lion.jpg" alt="狮子背景图">`。alt属性提供了图像无法显示时的替代文本，对于网页的可访问性至关重要。标签“web”暗示了课程内容可能涵盖了Web开发的基础知识，包括但不限于HTML、CSS（Cascading Style Sheets）和JavaScript。CSS是用于控制网页样式和布局的语言，你可以用它来改变背景图的显示方式，如设置图像的大小、位置、重复模式等。例如，`body {background-image: url('images/lion.jpg'); background-size: cover;}`将会使整个页面背景填充一张名为“lion”的图像，并保持其纵横比。此外，8小时的学习时间可能还会涉及HTML的其他核心概念，如段落、标题、列表、超链接等基本元素的使用，以及表格、表单等更复杂的功能。你可能还会接触到响应式设计，学习如何让网页在不同设备上都能良好显示。HTML5的新特性，如音频、视频的内嵌，以及canvas画布的使用，也可能会被提及。这个课程将引导初学者快速入门HTML网页开发，通过实际操作理解HTML的语法和用途，特别是如何结合背景图进行网页设计。通过8小时的学习，你不仅可以掌握HTML基础，还能了解到如何将理论知识应用到实际项目中，从而创造出具有吸引力的网页。

资源推荐

资源详情

资源评论

收起资源包目录

lion.rar （56个子文件）

lion

index.html 4KB

images

pro_banner.jpg 47KB

sub_left_nav_bg.gif 149B

index_main_right_nav_bg.jpg 15KB

circle.gif 1KB

search.gif 75B

left_nav_bottom_bg.gif 117B

thinline.jpg 18KB

sights_banner.jpg 37KB

case.jpg 12KB

article_bg.gif 155B

subpage_nav_right_corner.gif 929B

images_1.jpg 30KB

android.jpg 27KB

index_main_top_left_corner.gif 117B

article_head.gif 78B

article_on_head.gif 325B

subpage_right_top_bg.gif 842B

index_main_right_nav_bg.gif 16KB

case_detail.gif 317B

core_service_bg.gif 748B

footcorner_left_bg.gif 75B

search_bg.gif 159B

ecshop.gif 15KB

article_headbak.gif 72B

email.gif 982B

index_main_top_bg.gif 155B

footer_bg.gif 579B

position.gif 789B

logo.jpg 5KB

nav_on.gif 99B

service_banner.jpg 51KB

top_bg.jpg 41KB

images_06.gif 2KB

about_banner.jpg 49KB

kefu_girl.jpg 10KB

jingcai.jpg 26KB

index_main_top_right_corner.gif 115B

subpage_nav_left_corner.gif 226B

article_on_bg.gif 1012B

images_04.jpg 3KB

detail.gif 114B

sub_bar_title_bg.gif 2KB

service_intro_bg.gif 79B

lj.jpg 24KB

map.jpg 39KB

ecshop.png 14KB

footcorner_right_bg.gif 75B

e.gif 69B

eshop_service.jpg 26KB

nav_bg.gif 101B

process.jpg 60KB

contact_banner.jpg 42KB

works_banner.jpg 36KB

css

index.css 3KB

reset.css 798B

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>首页实战</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet" href="css/index.css" /> <style> </style> </head> <body> <div id="container"> <div id="header"> <img src="images/logo.jpg" alt="" id="logo" /> <ul id="nav"> <li><a href="#">导航1</a></li> <li><a href="#">导航2</a></li> <li><a href="#">导航3</a></li> <li><a href="#">导航4</a></li> <li><a href="#">导航5</a></li> <li><a href="#">导航6</a></li> <li><a href="#">导航7</a></li> </ul> </div> <img src="images/about_banner.jpg" alt="" id="banner" /> <div id="main"> <div id="lside"> <div class="subtitle"> <img src="images/circle.gif" alt="" /> <h1>核心业务</h1> <a href="#">MORE</a> </div> <div class="four"> <h2>电子商务类网站建设</h2> <img src="images/eshop_service.jpg" alt="" /> <ul> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> </ul> </div> <div class="four"> <h2>电子商务类网站建设</h2> <img src="images/eshop_service.jpg" alt="" /> <ul> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> </ul> </div> <div class="four"> <h2>电子商务类网站建设</h2> <img src="images/eshop_service.jpg" alt="" /> <ul> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> </ul> </div> <div class="four"> <h2>电子商务类网站建设</h2> <img src="images/eshop_service.jpg" alt="" /> <ul> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> <li><a href="#">订单</a></li> </ul> </div> </div> <div id="rside"> <div class="subtitle"> <img src="images/circle.gif" alt="" /> <h1>文章观点</h1> <a href="#">MORE</a> </div> <ul id="art"> <li><a href="#">文章</a></li> <li><a href="#">文章</a></li> <li><a href="#">文章</a></li> <li><a href="#">文章</a></li> <li><a href="#">文章</a></li> <li><a href="#">文章</a></li> <li><a href="#">文章</a></li> </ul> <div class="subtitle"> <img src="images/circle.gif" alt="" /> <h1>联系我们</h1> <a href="#">MORE</a> </div> <div id="contact"></div> </div> <div class="clr"></div> </div> <div id="footer"> <ul> <li><a href="#">联系我们1</a></li> <li><a href="#">联系我们2</a></li> <li><a href="#">联系我们3</a></li> <li><a href="#">联系我们4</a></li> <li><a href="#">联系我们5</a></li> <li><a href="#">联系我们6</a></li> <li><a href="#">联系我们7</a></li> </ul> <address>灵犀科技有限公司</address> </div> </div> </body> </html>

评论收藏

内容反馈