如何制作网页
1、首先,请先确认你的系统中文件扩展名已经打开。方法是:打开我的电脑,点击文件夹选项,打开文件夹选项对话框,确保“隐藏已知文件的扩展名”前面的小勾已经去掉,如果没有去掉,请把小勾去掉。
2、然后,创建你的第一个网页文件。为了便于管理,请先创建一个文件夹,用来存放你的网页文件和图片等资料。在你创建的文件夹中右击,选择新建,文本文件。
3、然后,对这个文件重命名为index,把小点后面的txt改为html。这样一个网页文件就准备好了。
4、html是网页文件的扩展名。扩展名用来区分文件的类型,扩展名也用来告诉用哪个软件打开。比如html就会告诉浏览器这是一个网页,需要用网页的方式来解析并显示。
5、然后,用notepad++打开这个index.html文件,在编写之前,我们有必要先来了解一下一个网页最基本的结构:网页有头部和主体两大部分组成。头部和主体都包含在一对<html>标签之内。因为网页是html语言编写的,html语言是一门标记语言,就是用一对对的标签来标记网页中的内容,从而对内容进行组织和管理。
6、然后,标签就是网页中内容的容器。
7、整体的最外层标签是<html>和</html>,头部是<head>和</head>标签。在<head>标签中,又可以写<title>(标题)等标签。而<head>标签内的内容一般是不会显示在浏览器窗口中的。显示在浏览器窗口给我们看的内容,都在<body></body>标签里。
8、然后,了解了网页的基本结构,我们就开始来写一段完整的网页代码。
9、最后,保存之后我们在浏览器中预览。上面我们说过,<head>标签里的内容不会显示在浏览器中,但是我们在<head>中写了一句:<title>这是网页的标题</title>,如果你细心就会发现,在浏览器的标签选项卡上显示了“这是网页的标题”这几个字。
10、原来网页标题就是显示在浏览器标题栏上的内容。网页的标题不等于内容的标题,于是我们写的这是一个一级标题,它被显示在浏览器窗口中。
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
瑕字开头的成语
瑕不掩瑜瑕玉上面的斑点,比喻缺点掩遮盖瑜美玉的光泽,比喻优点...小二寸照片和一寸区别
小二寸和一寸的区别在于它们的尺寸大小不一样,一寸照片的尺寸为...花的习性 你都懂得多少
花是被子植物繁衍后代的 * 官。典型的花,在一个有限生长的短...1256789是什么
意思是丢三落四。解释丢三落四形容因做事粗心或记忆力不好而顾此...女生怎样穿裤子显得腿细长
剪裁贴身的修身牛仔裤,非常好的修饰了腿型,而且在裤边处卷起了...元代四大戏剧
窦娥冤叙述了下层人民的困境和官场的黑暗西厢记西厢记讲的是张生...oppor9闪充是什么意思
闪充是指闪充技术,是独立自主研发的快速充电技术。闪充已申请项...蜂粮的保存方法
蜂箱中取出蜂粮脾,在蜂粮脾的每个巢房中注入成熟蜜,在蜂粮脾的...辽宁科技大学是几本
辽宁科技大学在辽宁是本科批次招生,所以我们通常认为辽宁科技大...皂角怎么做肥皂
把皂角洗净晒干后放在特制容器里,将皂角切成长条后,再将其切成...什么是卢城之稻
卢城之稻的意义指的是卢城的稻米,稻又名稌。崔豹在古今注中日稻...狗狗会喜欢异性吗
狗狗会喜欢异性吗会的。只要对它好,它会喜欢你的。狗是由狼驯化...什么是职业理想
职业理想是人们在职业上依据社会要求和个人条件,借想象而确立的...卸妆乳可不可以当洗面奶用
不可以,卸妆乳当然不可以当洗面奶使用。卸妆乳是针对彩妆的油彩...直接胆红素偏高是什么原因?
因素一直接胆红素偏高,是因为肝细胞受损后造成,或肝胆阻塞引起...