第一个HTML页面如何写？—零基础自学网页制作

最新推荐文章于 2024-03-26 00:13:40 发布
最新推荐文章于 2024-03-26 00:13:40 发布
阅读量1.4k 收藏 3
点赞数
文章标签： html 网页制作 web前端 前端开发 前端入门
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ITZ1992/article/details/106216966
版权
这篇教程详细介绍了如何从创建txt文件开始，逐步将其转换为HTML网页。通过建立'零基础自学网页制作'文件夹，创建并编辑'HTML框架.txt'，然后将其重命名为'.html'文件，最后通过添加标题和段落标签来展示HTML的基本结构。通过这个过程，初学者可以理解HTML的基础和页面布局的原理。
摘要由CSDN通过智能技术生成

把txt文件变成html网页文件

请按照其中说明创建一个txt文件。具体过程如下：

step1：在您方便的磁盘中建立一个文件夹，命名为"零基础自学网页制作"。例如我在D盘中建立了"零基础学习网页制作"文件夹。

step2：在文件夹中创建"HTML框架.txt"文件。鼠标移动到空白处点击右键选择"文本文档"。

命名为"html框架"，如下图所示。

如果您的电脑没有显示".txt"后缀的话，请做如下操作：点击"工具"，找到"文件夹选项"

菜单如下：点击"查看选项"。

下拉滑条，找到"隐藏已知

最低0.47元/天 解锁文章
猿说前端
关注
制作html上第一个页面,我的第一个 HTML 页面
weixin_36468140的博客
06-03 294
@@ -22,6 +34,36 @@ private EncryptUtils() {throw new UnsupportedOperationException("u can't fuck me...");}+ /**+ * MD2加密+ *+ * @param data 明文字符串+ * @return 密文+ */+ public sta...
HTML详解（4.编写第一个html页面）
qq_43623447的博客
01-16 9768
文章目录一，说明二，创建HTML程序 一，说明 HTML文件是普通的文本文件，只是文件扩展名为：.html或者.html。下面我们开始创建我们的第一个HTML程序。 二，创建HTML程序 1，新建文本文件 1.html 2，使用记事本打开写入如下代码 1.<html> 2. <head> 3. <title>my first pag...
php编写网站页面
qq_73630656的博客
10-24 2029
PHP 中的 $_GET 和 $_POST 变量用于接收表单中的传递的信息，比如用户输入有一点很重要的事情值得注意，当处理 HTML 表单时，PHP 能把来自 HTML 页面中的表单转成可供 PHP 脚本使用。
关于写页面的思路
qq_43679416的博客
05-08 433
我一般会把页面分为三个部分，头部、中部、尾部。 头部是除中间部分外所有在上半部分的内容。 中间部分就是中间的内容部分。 尾部就是除内容之外在下半部分和一些固定在网页左边或右边的元素。 例如↓ 先把整个页面分成三个部分，再把三个部分按头中尾的方式再分三个部分。简单的就不用分，直接写。 分完后就用盒子写大概的结构，每个盒子都会有边框用来分辨。也可以直观的看到页面的结构。 写完结构后填充内容。确认无误后修改样式。剩下的基本就是复制粘贴了。 以上图头部为例↓ <div id="top"
JSP页面的初步编写
FairyKunKun的博客
04-27 2525
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%-- <%@ %>是jsp的指令 上面的page指令规定了该页面是html 支持中文 html页面中可以嵌入java代码 --%> <html> <head> <title>Title</title> </head> ...
手把手教你用套路写页面（HTML、CSS初中级前端教学）（第一节）
qq20004604的博客
08-07 3746
很多人不太会写 HTML 和 CSS，这里教你如何分析页面结构，如何使用各种标准套路写出各种页面。 以 HTML 和 CSS 为主，部分动态内容加入 js 实现。 所有技巧全部简单暴力，没有兼容性问题（除非你要兼容IE8），但是非常好用。 源代码：https://github.com/qq20004604/tell-you-write-manage-page 作者微信：qq20004604 讨论...
如何写页面
klz
07-16 374
如何写页面 前端布局 了解了解各个布局优缺点及应用场景 静态布局 流式布局 自适应布局 响应式布局 弹性布局 静态布局 常见的静态布局的特征就是给定容器px,随着屏幕大小变化，布局和元素大小不变 静态布局 规划好布局，便于后续写css css css样式的命名 使用css属性使布局和元素变得好看 ...
第一个HTML文件 编写第一个HTML网页，网页内容显示“Hello Web程序设计”，并有背景图片。
GAVT的博客
09-28 1877
实验步骤： （1）编写“Hello Web程序设计”网页； （2）为网页背景添加一副美丽的风景画。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>实验1.1 第一个HTML文件</title><!-- 网页标题 --> </head> <body background
【手把手】制作一个简单的HTML网页
热门推荐
java小白翻身
11-20 9万+
新建一个html文件： 我要给body添加一些样式，就在head元素上挂载一个style元素。 然后，写样式表： 效果： 这样的话，我们就可以看到body部分了。现在，我给body添加一点padding。 页面上看不出区别，让我们打开F12，看一下现在的body变成了什么样子。 示意图： 从图中可以看出，body元素分为三层，最里面的一层，就是520 x 500的那部分，这个叫做内部真实空间，也就是说，你可以在里面添加其他元素，比如div元素，p元素，a元素等等。然后中间的一层就是paddin
html零基础自学,第一个HTML页面如何写？——零基础自学网页制作
weixin_39624360的博客
05-30 275
把txt文件变成html网页文件如果您看过《HTML是什么？——零基础自学网页制作》(结尾处找“零基础自学网页制作”看全部目录)这篇教程，请按照其中说明创建一个txt文件。具体过程如下：step1：在您方便的磁盘中建立一个文件夹，命名为"零基础自学网页制作"。例如我在D盘中建立了"零基础自学网页制作"文件夹。step2：在文件夹中创建"HTML框架.txt"文件。鼠标移动到空白处点击右键选择"文本...
我的第一个html网页（完整代码）
weixin_51275821的博客
06-08 1万+
下面的代码全部完整可用 学习四天，历时一周终于完成 - 首先在HBuilder X上建一个基于HTML的项目如图： 参考“宁夏博物馆”的官网，我们team共十人，我负责“公众服务”模块 - liuxue.css中的代码为： .container{ width: 100%; /* height: 100%; */ background-color:ghostwhite; /* background-image: url(../liuxueimg/f.jpg); */ /* background
HTML基础网页写法
L123456llljdjdbd的博客
02-23 341
超链接： 行内元素 ，它里面可以放任何元素，除了它自己 可以是一个字，一段文字，图片，表格等 功能： 1、一个页面跳到另一个页面 2、当前页面的跳转（做楼梯导航） 3、下载 属性： href 指向跳转的目标地址 绝对路径 相对路径 ./ ../ 需要超链接的内容 target 的属性值： _
HTML学习总结
TRWT0的博客
03-14 379
HTML学习总结 一、推荐开发工具。 VS Code（推荐开发软件） 推荐使用VS Code，微软推出的开源文本编辑器，异常的强大，请官网下载（ 链接: VS Code 最新版.）安装。 运行该软件后，点击软件界面左侧第五个图标即可进行插件安装。推荐安装以下插件：Auto Close Tag、Auto Rename Tag、Code Runner、IntelliSense for CSS、Material Icon、Open HTML in Browser、Path Intelligence等。 运行cod
使用Html做一个简单的登陆页面
桑稚远方的博客
04-05 5万+
有了登录按钮后，在我们的认知下，肯定按了登录会跳到下一个页面，但是今天只是展示做一个简单的登陆界面，就不写跳转和账号密码验证了；登录页面一般就是账号和密码，另外还需要验证码验证需求，这三个常见的属性是一个项目登陆界面重要组成要素；2.账号密码有了之后，下一步就需要登录了，登录是一个按钮，按钮是一个标签。，所以就不使用验证码了，因为验证码在一个项目中是放在后端的，这次就不做演示；不好意思兄弟们，本人没有美感，尽力了，你们自己找好看的点自己修改；如下面的代码，这一步很简单；
如何用html制作一个简单的网页
m0_56398485的博客
07-09 6万+
如何用html制作一个简单的网页
【HTML】HTML入门：构建网页的基础
最新发布
qq_70814008的博客
03-26 8186
HTML是一种标记语言，它通过一系列的标签（tags）来描述网页的结构。这些标签可以定义文本、图片、链接等内容，以及它们在浏览器中的显示方式。HTML是构建网页的基石，学习它不仅能够为你打开Web开发的大门，还能帮助你更好地理解互联网的工作原理。以下是一份详细的总结，旨在指导你如何高效地学习HTML。
制作一个简单HTML静态网页（HTML+CSS）
HTML网页设计
08-02 3992
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒...
HTML基础教程（非常详细）从零基础入门到精通，看完这一篇就够了。
m0_61869253的博客
09-07 3990
HTML全称Hyper Text Markup Language, 翻译成中文就是超文本标记语言，是一种最基础的网页开发语言, 需要注意的是HTML并不是编程语言, 而是一种标记语言超文本可以理解为超越了文本的意思, 也就是超级文本, 超文本不只是普通的文本内容, 还可以加入图片,视频,声音等内容, 甚至可以从一个文件跳转到另一个文件(超级链接文本)标记语言可以理解为一套标记标签,也就是由许多标记标签组成的语言。
html自学网页制作,HTML入门学习教程:简单网页制作
05-27
学习HTML的基础知识是学习网页制作的第一步。 3. 创建HTML文件：使用你选择的编辑器创建一个新的HTML文件，并将其保存为.html文件。 4. 添加HTML标记：在文件中添加HTML标记，比如<html>和。这些标记指示浏览器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值