教你零基础三分钟用HTML编写出一个网页

开门见山。拿起鼠标。
第一步,桌面,右键,创造一个txt记事本。
第二步,如图,敲上< html > …< /html >。
注意:HTML文档是以纯文本方式存放的,标记必须是英文半角(ASCII码)。
在这里插入图片描述
这一步是告诉浏览器HTML文档开始和结束的位置,HTML文档中所有的内容都应该在这两个标记之间,一个HTML文档总是以< html>开始,以< /html>结束。
第三步,如图,敲上head。
在这里插入图片描述
这是HTML文件的头部标记。
头部主要提供文档的描述信息,head部分的所有内容都不会显示在浏览器窗口中,在其中可以放置页面的标题以及页面的类型、使用的字符集、链接的其它脚本或样式文件等内容。
第四步,如图,敲上body。

在这里插入图片描述
这是用来指明文档的主体区域的,网页所要显示的内容都放在这个标记内,其结束标记< /body>指明主体区域的结束。
第五步,在head里面加上网页名字。你可以写上你的英文名。

在这里插入图片描述
第六步,在body里加内容。先加一个一级标题。我这里写上今天的日期。
在这里插入图片描述
再加上一段话,随便写点什么。记得前后格式,用<>什么的包起来。这里的b是加粗。
在这里插入图片描述
然后,保存。关掉。
右键,重命名,把txt后缀改成html。(htm也行)
在这里插入图片描述
点yes。然后图标会变成这样。

在这里插入图片描述
如果图标还是记事本的话,说明后缀名没改成功,你加的html可能成了文件名的一部分而不是扩展名。
做法:在资源管理器中设置,把文件扩展名勾上,再去改文件名。

在这里插入图片描述
在这里插入图片描述
双击,你的电脑会用默认浏览器打开它。

在这里插入图片描述
上面就是最基础的可以用三分钟做出来的一个简易网页。
做出来后,当然会嫌太简单。现在,可以试着给它加点料,看起来好看一些。
众所周知,绿色可以保护眼睛。我们现在把背景换成绿色。
我们继续来编辑一下。你会发现再双击文件,是个网页,怎么编辑呢?
右键,选择打开方式,记事本。又回到熟悉的亚子了。
加上这个bgcolor=“green”。

在这里插入图片描述
保存。再来康康网页。

在这里插入图片描述
变绿了。

以上就是一个十分简单的HTML入门基础篇。
HTML的标记很多,有页面标记字体标记布局标记链接标记图像标记表格标记框架标记表单标记等等等等。自己可以学着来给网页变得更漂亮更复杂。后续我也会陆续更新这些内容。

觉得本文对你有用,就点个赞吧,谢谢支持!

发布了16 篇原创文章 · 获赞 84 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/LoraRae/article/details/104695631