首页 > 优化技术 > 正文

如何用HTML构建一个基础网页

基础HTML网页可直接通过文本编写,无需下载专门的编辑器。

1、在Windows操作系统中,在桌面上右键新建一个txt文本文件,命名为"最基础网页",仅为便于识别,实际上并不影响我们的操作。注意我们需要提前在文件属性中显示扩展名。

2、我们打开文件夹属性设置,将文件扩展名显示出来,后续我们需要对文件扩展名进行操作,不同操作系统的设置位置略有不同,我们可以直接搜索"文件夹属性"来进行查找修改。

3、接着输入最基础的HTML文本语言。

代码如下:

最基础的网页

4、保存并关闭txt文本,然后修改我们txt文本的扩展名为html,此时会弹出警告框,提示我们修改后可能会导致文件不能使用,这是操作系统的一个处理逻辑,为了防止无意或恶意的损坏文件的行为。

5、无需担心,因为这在我们自己的掌控之下,确认警告,点击"是",然后双击打开我们自己的第一个html网页,就可以看到一个最基础的html网页了。

如何用HTML构建一个网页

1,打开文本编辑器,并在其中输入必要信息,完整代码如下:

<img src="molihua.jpg"width="412" height="291"

茉莉花

作者:宋·刘克庄


曾与瑶姬约。恍相逢、翠裳摇曳,珠韝联络。风露青冥非人世,揽结玉龙骖鹤。

爱万朵、千条纤弱。

祷祝花神怜惜取,问开时、晴雨须斟酌。枝上雪,莫消却。

恼人匹似中狂药。

凭危栏、烛光交映,乐声遥作。身上春衫香薰透,看到参横月落。

算茉莉、犹低一著。坐有缑山王郎子,倚玉箫、度曲难为酢。君不饮,铸成错。

清平乐

冰轮万里。云卷天如洗。先向海山生大士。却诞卯金之子。冰盆荔子堪尝。胆瓶茉莉尤香。震旦人人炎热,补陀夜夜清凉。

《浣溪沙》
南国幽花比并香。直从初夏到秋凉
《鹧鸪天》
携靓侣,泛轻航。棹歌惊起野鸳鸯
《真珠帘》
茉莉芰荷香,拍满笙箫院。

2019.9.6

启动浏览器运行后,大家会发现界面并不美观,文字看着也比较杂乱。

为了解决这个问题,可以在界面添加CSS规则,让界面更美观,更规范化,将下面的代码块添加到文本编辑器中,位置在和也就是头部之间:

body{ background:gray;} h2{ text-align:center;} header{ text-align:center;} article p{ text-indent:2em;} footer{ font-size:12px; font-align:center;}

再次保存和预览,是不是看着美观多了

以上所转载内容均来自于网络,不为其真实性负责,只为传播网络信息为目的,非商业用途,如有异议请及时联系btr2020@163.com,本人将予以删除。

猜你喜欢
文章评论已关闭!
picture loss