1.什么是网站?
网站:是由若干个网页组成的一个集体,且这些网页之间相互关联。
比如CSDN网站,www.csdn.net 。
其网站首页就是一个网页,点击左侧的"关注"、"专题"等选项,就会关联跳转到不同的页面,
每一个页面都是一个网页,他们相互关联,共同组成了csdn网站。
2.网页的本质
网页的本质是一个文件。
举两个例子:
1. ".txt" 文件,用来记录纯文字的文本文件,通过记事本可以识别及浏览。
2. ".mp3" 文件,用来记录音频的音乐文件,通过音乐播放器可以识别及播放。
同样的,网页 (".html") ,用来记录文字、图片、声音等数据的html文件,通过浏览器可以识别及浏览。
3.HTML语言
HTML:超文本标记语言。
超文本:功能比文本更加强大。
标记语言:用一组标签对内容进行修饰的语言 (注意标记语言并不是编程语言)。
4.HTML的基本语法和规范
语法和规范:
HTML文件都是以html或者htm结尾的。一般使用html(可以理解为htm=html,只不过一些老系统不能识别4位文件名)。
HTML文件分为根<html>和头部<head>、体部<body>,头部用来写标题,体部用来写网页的内容。
HTML标签一般都是成对出现,由开始标签和结束标签组成 。
HTML标签不区分大小写,统一采用小写。
入门:我的第一个网页文件:
新建一个文本文档,命名为my.html,如下图:
右键通过记事本打开,进行内容的编辑,写好其根、头部和体部,如下图,一个简单的html文件就建好了。
最小化文本,右键my.html文件,选择使用浏览器打开,效果如下图
浏览器成功识别网页文件,没有报错,这里因为我们还没有往网页文件里写内容,所以网页为空白。
5.HTML常用标签
1.网页标题 <title>标题</title> 设置网页头部标题,在HTML文件头部,这里可以自己给网页写一个标题,代码如下:
保存,刷新浏览器网页(F5),刚才打开的网页文件其网页标题成功设置。
2.设置网页ico图标,ico就是网页标题左侧的图标,可以设置为公司logo,或者个人喜欢的图案,ico图标可以通过http://www.bitbug.net/ 在线生成,将生成的ico图案和网页放在一个目录下比如我这里都放在桌面,
然后在html中加入如下代码:
保存,刷新网页,效果如下:
3.标题标签 <hn></hn>
效果,加粗加黑单独占一行。
n值:1-6逐渐减小,n值超过6不属于标题标签,无任何效果,按照默认文本显示。
编辑my.html内容如下:
保存,打开浏览器,效果如下:
标题标签内容加粗加黑显示,并单独占据一行,期中hn,n值为1-6逐渐减小,n值超过6,为7和8无任何效果,未加粗加黑