电脑装配网

「HTML」从零开始学网页制作

 人阅读 | 作者lilintao | 时间:2024-02-26 20:10

网页是一个包含HTML标签的纯文本文件https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

网页制作离不开浏览器和制作网页工具https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

浏览器推荐【谷歌浏览器】或【火狐浏览器】https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

制作网页工具用电脑自带的【记事本】即可https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

六步即可学会最基础的网页制作!https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

第一步

右击桌面,选择新建,选择文本文档https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

什么浏览器打开就会出现什么浏览器图标https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

如果你看不到文件的扩展名那么就打开此电脑(我的电脑),在菜单栏查看勾选文件扩展名即可。https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

第四步

双击打开它,你会发现一片空白。https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

但并不是什么都没有,上图中箭头指的那一串字母就叫URL,也称“统一资源定位器”。因为这个文件只是本地文件,所以它现在的作用是定位你的文件存放位置,显示文档地址,说明文档放在什么地方。https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

第五步

忍受不了空空的感觉,那么就开始添加一些东西吧!https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

右击选择打开方式,选择用记事本打开https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

点击其他应用可以看到记事本https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

试试看把标题改成“这是一个标题”,按快捷键ctrl+s保存https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

刷新一下浏览器,于是标题就变成了“这是一个标题”https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

那么我们就可以知道,修改<title></title>里面的内容可以改变标题;同时<title>标签是<head>标签中唯一要求包含的东西。https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

第六步

一鼓作气,再添加一些内容吧!https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

在<body></body>这一对标签里面加上这样一段话:https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq> <p>Hello</p><p>World</p>

然后保存刷新https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

Hello Worldhttps://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

恭喜你,你已经学会了最基础的网页制作了。https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

<p>这是什么意思呢?https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

这些被称为标签,上面出现尖括号的都属于标签,它们通常都是成对的,由开始标签和结束标签(结束标签加上斜杠)构成一组标签,例如<title></title>、<p></p>。https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>

<p>标签定义段落,我们写文章一般是敲一下回车就换一行,但是网页不一样,你敲多少个回车都是不被识别的。https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq> <p>有志者,事竟成,破釜沉舟,百二秦关终属楚;苦心人,天不负,卧薪尝胆,三千越甲可吞吴!</p><p><p></p>

可以看到上面的一段话,敲多少个回车都没有用,而下面的一段话,用两个<p>标签就换行了。https://www.dnzp.com/uploads/allimg/240226/m1ozpvncesq>


文章标签:

本文链接:『转载请注明出处』