今天心血来潮,想搞个自己的网页,记录一下折腾的过程,给想弄网页的新手朋友们分享一下。
一开始啥也不懂,就去网上搜教程。发现得先有个能写代码的地方,这玩意儿叫文本编辑器,我下个VSCode,听说挺好用的。然后就是创建一个文件,得让电脑知道这是个网页,所以文件名得是“.html”结尾,比如我起个名字叫“*”。
文件建好,得往里面填东西。这网页的结构,得用一些固定的“标签”来表示,就像搭房子的骨架一样。最外层是<html></html>
,里面套着<head></head>
和<body></body>
。<head>
里放的是给浏览器看的信息,比如网页的标题,就是用<title></title>
来包起来的。真正显示在网页上的内容,都得放在<body>
里面。
我的“*”现在长这样:
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
</body>
</html>
有骨架,接下来就是往里面塞内容。我想先写个大标题,就用<h2></h2>
标签,然后写一段话,用<p></p>
标签包起来。我还想加张图片,就用<img>
标签,这里面得写上图片在哪儿,我直接从网上找一个图片放进来。
现在的“*”:
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h2>今天开始做网页</h2>
<p>感觉还挺有意思的,继续折腾!</p>
<img src="你的图片地址">
</body>
</html>
保存文件,双击打开,就能在浏览器里看到效果!虽然简陋,但毕竟是自己动手做出来的第一个网页,还是挺有成就感的。今天就先到这儿,以后再慢慢加东西,让它变得更漂亮!
添加微信