- 1、本文档共46页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
html零基础讲解入门
html零基础讲解入门
HTML基础-第一讲/news/
HTML是网页主要的组成部分,基本上一个网页都是由HTML语言组成的,所以要学习网站怎样建设,必须从网页的基本语言学起。/news/
/news/
先简单的介绍一下HTML语言(我们在这灌输大家的是能够实际操作),HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面。/news/
/news/
是呀,HTML并不是很神奇,只是因为你不是很了解它,现在咱们就开始接她的面纱:/news/
一、HTML的组成结构(头部、眼睛、身体----好像一个人一样是不是?)/news/
/news/
1、头部。只要你学过英语,你应该知道头怎么用英文写吧!yes,HEAD就是了;所以,头部的HTML写法就是头部的内容,简单不,大家注意一下,这两个非常相似,只是后一个比前一个多了“/”符号。类似这样的以后会经常用到。/news/
/news/
2、眼睛。就好像人的眼睛一样,它是心灵的窗口,而一个网页的眼睛应该就是它的页面的标题了,标题怎么说呢?title,yes!大家知道眼睛是长在头上的,所以啦:标题这些应放在和之间。也就是/news/
标题/news/
/news/
3、身体。身体是网页最主要的部分了,因为前面讲的都不是页面所显现出来的,而大家所看到的页面页就是他的身体部分了(当然它的TITLE可以在浏览器的最左上角可以看到),身体----BODY,他的写法也就是:页面内容/news/
/news/
最后,别忘了把这些部分组成一体----网页,所以咱们就用把他们给包起来。 好了,咱们来大体看看网页的结构:/news/
/news/
/news/
/news/
标题/news/
/news/
/news/
/news/
页面内容/news/
/news/
/news/
第一讲完/news/
HTML基础-第二讲/news/
我们在第一讲里概括了一下网页的主要框架,现在我们来详细的研究网页的内部细则:/news/
先从它的身体部分(body) 开始:/news/
欣赏一个网页时,一般先注意到的是这个页面的背景,如果有背景音乐,那就更吸引人了!是不是呀,那么这些是怎么实现的呢?看下边:/news/
/news/
1、背景颜色/news/
/news/
2、背景图片/news/
back-ground.gif是背景图片的名字,为什么有的朋友也是如此写的,而网页却没有背景图片呢?其实back-ground.gif是该图片相对于这个页面的位置,比如你做的这个页面放在c:\我的网站\,而背景图片的位置放在c:\我的网站\images\,那么就得这样写了: /news/
3、背景音乐/news/
背景音乐和上边介绍的两个有很大的不同,它的代码是放在页面的头部里,为什么在这里讲呢?就是因为它也是显示网页的时候我们首先接受到的信息。看看它的代码吧: bgsound 不用说了吧背景声音,background_sound.mid是音乐的文件名,当然也得写它的相对路径哦(关于相对路径,可能有的网友,一下子不能搞明白,我们将会在其他板块介绍的)!loop,循环,那么loop=/news/
/news/
4、body其它属性:topmargin,leftmargin。有的朋友再做页面的时候,感觉文字或者表格怎么也不能靠在浏览器的最上边和最左边,怎么回事呢?因为一般我们用的制作软件或者说html语言默认的都是topmargin和leftmargin值等于12,如果你把他们的值设为0,你看看会有什么效果!如下比较一下和,有兴趣的朋友可以任意设/news/
置他们的值!/news/
/news/
好了,这一节先讲到这里!大家在自己的电脑上实习一下,呵呵!/news/
HTML基础第三讲---字体/news/
同样我们在这里继续讲一下它的body,因为它能直观的让大家观察到你所学到的成果。/news/
这一讲,我们来学习字体及其属性,然后大家在学习完后制作一下,看看它的每一个属性所表现的效果。/news/
/news/
字体,英文font,这html语言中也是它---font,下面咱们来研究一下font:/news/
/news/
1、标题字体 文字 /news/# =1,2,3,4,5,6/news/
比如:今天天气真好!/news/
注意:这些一般的用在标题上,所以起名叫标题字体; ... 这些标记显示黑体字;这些标记自动插入一个空行,不必用 标记再加空行,因此在一行中无法使用不同大小的字体。/news/
您可能关注的文档
最近下载
- 住宅小区视频监控系统方案设计.ppt
- 药食同源及药膳配方食品通用要求.pdf VIP
- 淮阴工学院2021-2022学年第1学期《高等数学(上)》期末考试试卷(B卷)及标准答案.pdf
- 内审员内审程序和注意事项要点分析.ppt
- 2020-2021学年陕西省西安市经开区五年级(上)期末数学试卷.docx VIP
- 电厂锅炉原理及设备知识点.pdf VIP
- 新疆大学《大学语文》2020-2021学年第一学期期末考试试卷.pdf VIP
- 山东省滨州市滨城区2023-2024学年七年级上学期期末考试地理试卷(含答案).pdf VIP
- 影子(课件)综合实践活动二年级上册.pptx
- 经济法简答题及论述题.doc
文档评论(0)