如何用文本制作一个简单的网页?用记事本制作一个简单网页示例

冬涛小哥_2880

冬涛小哥_2880

2018-09-11

19259人浏览

原创

用文本制作网页很多人都会做,但是还有些人还有试过用文本做网页,今天的这篇文章讲解了如何用文本制作一个简单的网页效果,做网页需要很多标签,文章中介绍了几种最常用的几种标签并给出了效果图。大家有兴趣的可以来看看本篇文章

首先我们来看看如何制作一个简单的网页:

1.在电脑桌面上右击鼠标-新建-文本文档;之后桌面上就有了一个文档:

1.png

2.现在双击打开这个文本文档,在里面写点东西:

2.png

在里面写了个hello world!,但是要怎么才能让它显示在网页中呢?我们继续看;

3.把文本文档的后缀名从TXT改为html:

3.png

如何,现在我们的这个网页基本上就好了,我们点开看看效果:

4.png

看,现在在网页上显示出来了,这就是最基本的一个网页了。

4.现在我们的基本操作就完成了,现在我们看看在里面加些代码:

5.png

标书对比王
标书对比王

一款AI开发辅助工具,主要用于标书对比王是一款标书查重工具,支持多份投标文件两两相互比对,重复内容高亮标记,可快速定位重复内容原文所在位置,并可导出比对报告,适合需要提升相关任务效率的用户。

下载

当然我们这做的并不规范,规范的是要加很多代码然后把要写的东西包裹起来。我们这只是让大家更能清楚的明白这些标签的意义。我们现在看着这文本里面并没有什么,我们保存起来到浏览器中去看看效果:

6.png

这就是效果了,我们在代码中显示的h1标签和在网页上显示的差别还是挺大的吧,其实h1标签它只是用作标题用处,利于搜索引擎的搜索。在一个网页中通常有一个h1标签就够了,多了就会不利于搜索了。文本标签和标签标签差别还是挺大的吧,文本标签通常都是用

标签。

5.现在我们看到了标题标签和文本标签的显示效果了,现在来看看其它标签的用法吧:

7.png

现在介绍了两个标签,一个是加粗标签,一个是放大标签,我们来看看在浏览器中显示的效果:

8.png

这就是效果图了,如上图我们可以看到,在b标签内的文本变成了加粗样式,中间还有一个正常文本,让我们的显示效果更明显一点。后面还有一个big标签,这是一个放大其中元素的标签,能比同元素中的文本大一个字号。应该很明显的能看出来。

这就是文本的基础使用了,这就是本篇文章的全部内容了,想看更多的知识,就到PHP中文网HTML学习手册栏目中学习。有问题的同学可以在下方提问。

【小编推荐】

HTML段落元素中怎么设置空格?HTML空格的设置总结

html中big标签如何使用?html big标签的使用实例

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

html网页

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
什么是搜索引擎
什么是搜索引擎

搜索引擎是一种互联网工具,用于帮助用户在网上查找信息。搜索引擎的目标是提供最准确、最有价值的搜索结果,使用户能够快速找到所需的信息。本专题为大家提供搜索引擎相关的各种文章、以及下载和课程。

2023.08.02

2693

5

有哪些目录搜索引擎
有哪些目录搜索引擎

目录搜索引擎有Google、Bing、Yahoo、Baidu、DuckDuckGo等。想了解更多目录搜索引擎的相关内容,可以阅读本专题下面的文章。

2023.11.06

25848

1

搜索引擎营销的主要模式
搜索引擎营销的主要模式

搜索引擎营销的主要模式包括:1. 竞价排名(ppc);2. 搜索引擎优化(seo);3. 本地搜索营销;4. 购物广告;5. 视频广告;6. 展示广告;7. 社交媒体营销;8. 移动广告。想了解更多搜索引擎营销的相关内容,可以阅读本专题下面的文章。

2024.05.20

2409

4

Aionclaw智能助手介绍
Aionclaw智能助手介绍

本专题汇总了AionClaw(AI龙虾助手)的功能介绍与在线使用入口。AionClaw是杭州趣猿人工智能有限公司推出的桌面级AI智能体,能直接在电脑上读写文件、运行脚本、操作浏览器,自动交付Word、PPT、Excel等成品。

2026.09.20

20

13

AionClaw AI智能体与电脑自动化任务执行功能使用教程
AionClaw AI智能体与电脑自动化任务执行功能使用教程

AionClaw专题整理AI智能体与电脑自动化相关功能使用教程,涵盖安装部署、AI任务执行、Skills技能、文件处理、浏览器控制、电脑操作、持久记忆、聊天工具连接以及办公、编程和内容创作等功能,帮助用户快速掌握AionClaw的实际使用方法。

2026.09.20

0

15

AI视频生成软件推荐
AI视频生成软件推荐

本专题汇总了当前主流的AI视频生成软件推荐与排行榜单,涵盖seko、AniShort、剧云、Lovart、LiblibAI及立刻mv等热门工具。同时整理了各软件在文生视频、图生视频、时长限制、画质表现及免费额度等方面的差异对比,助您快速选对适合创作需求的AI视频生成工具。

2026.09.16

180

9

ai生成视频的工具免费版合集
ai生成视频的工具免费版合集

本专题汇总了当前免费AI生成视频工具的排行榜与推荐清单,涵盖seko、讯飞智作、AniShort及剧云、Lovart等多模型集成平台。同时整理了各工具的免费额度、输出时长、水印政策及适用场景差异,助您快速选择合适工具开启AI视频创作。

2026.09.16

100

10

Pandas时间序列分析与可视化报表
Pandas时间序列分析与可视化报表

本专题整理Pandas日期转换、时间索引、重采样、滚动窗口、时区处理、plot绘图、Styler表格样式和报表输出方法。

2026.09.16

80

23

Pandas数据筛选索引与清洗处理
Pandas数据筛选索引与清洗处理

本专题整理Pandas中的loc、iloc、条件筛选、query查询、缺失值处理、重复值删除、类型转换和字符串列清洗方法。

2026.09.16

60

25

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
JavaScript基础精讲视频教程
JavaScript基础精讲视频教程

共36课时 | 9.3万人学习

JS抽象类和事件设计模式视频教程
JS抽象类和事件设计模式视频教程

共25课时 | 5.8万人学习