零基础学HTML (用HTML制作简单的个人信息)

HTML是超文本标记语言,是网页中最常见普通的语音。今天我就分享一下HTML入门吧。


首先单击右键,新建文本文档(记事本)。

零基础学HTML (用HTML制作简单的个人信息)_第1张图片
在记事本里编辑

然后在记事本里输入以下代码。


零基础学HTML (用HTML制作简单的个人信息)_第2张图片
记事本输入代码



是换行标签,也是单标签,也就是不需要结尾的标签。就像单身汪一样,它的出现永远只有一个。

类似的单标签还有:   


  等。

是双标签,它的出现永远是两个,成对出现。(是不是虐狗了T^T)

类似的双标签还有:     

     

 
 

等。

有没有找出单标签和双标签的区别?

现在,我来用HTML给大家做一个简单的自我介绍。

零基础学HTML (用HTML制作简单的个人信息)_第3张图片
用记事本编辑(txt)

编辑好之后保存(快捷键ctrl+s保存),然后把txt改成html,再双击打开网页。

零基础学HTML (用HTML制作简单的个人信息)_第4张图片
删掉点后面的txt
零基础学HTML (用HTML制作简单的个人信息)_第5张图片
打出html字样
零基础学HTML (用HTML制作简单的个人信息)_第6张图片
修改成功后图标会变成浏览器

打开后就是这样的。

零基础学HTML (用HTML制作简单的个人信息)_第7张图片
打开网页

好啦,网页制造完成。

但是,有木有觉得好单调?有木有觉得好丑?那再加一点代码,美化一下吧!

零基础学HTML (用HTML制作简单的个人信息)_第8张图片
代码是这样的

在body里设置背景颜色,让所有的内容居中。给内容字体倾斜。然后把标题设置字体颜色,设置字体大小,为了隔开,底部设置水平线,给水平线设置长度和颜色。为了宣誓你的主权,在上面加个版权。

零基础学HTML (用HTML制作简单的个人信息)_第9张图片
然后再打开浏览器就是这样的了

有没有看起来美观了?我只是随便做的,做的不好看,你们自己动手做吧,发挥想象力,创造不一样的网页。


偷偷告诉你们,还可以用代码表白哦!或者是用代码做个生日礼物送给男(女)朋友,满满的心意。关注哦,以后我会再发更深的,让你的网页做的更好。

本文首发:微信公众号:灵泉清梦。

欢迎关注微信公众号灵泉清梦,每天有干货等着你。微信扫描下方二维码关注灵泉清梦。

零基础学HTML (用HTML制作简单的个人信息)_第10张图片
灵泉清梦

你可能感兴趣的:(零基础学HTML (用HTML制作简单的个人信息))