首页前端开发JavaScript如何用文本制作一个简单的网页?用记事本制作一个简单网页示例

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

时间2024-01-28 22:32:03发布访客分类JavaScript浏览303
导读:收集整理的这篇文章主要介绍了如何用文本制作一个简单的网页?用记事本制作一个简单网页示例,觉得挺不错的,现在分享给大家,也给大家做个参考。用文本制作网页很多人都会做,但是还有些人还有试过用文本做网页,今天的这篇文章讲解了如何用文本制作一个简单...
收集整理的这篇文章主要介绍了如何用文本制作一个简单的网页?用记事本制作一个简单网页示例,觉得挺不错的,现在分享给大家,也给大家做个参考。用文本制作网页很多人都会做,但是还有些人还有试过用文本做网页,今天的这篇文章讲解了如何用文本制作一个简单的网页效果,做网页需要很多标签,文章中介绍了几种最常用的几种标签并给出了效果图。大家有兴趣的可以来看看本篇文章

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【小编推荐】

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

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

以上就是如何用文本制作一个简单的网页?用记事本制作一个简单网页示例的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: html small标签的如何使用?HTML...下一篇:深入理解HTML中label的作用和使用...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: 如何用文本制作一个简单的网页?用记事本制作一个简单网页示例
本文地址: https://pptw.com/jishu/590244.html
html下拉菜单怎么做?html下拉菜单的实现方法 浏览器中5种常用的事件解析

游客 回复需填写必要信息