HTML学习01：使用记事本创建第一张页面

最新推荐文章于 2023-10-09 21:25:06 发布
最新推荐文章于 2023-10-09 21:25:06 发布
阅读量518 收藏 1
点赞数 1
分类专栏： htmlcss学习园地 # html学习 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47197906/article/details/118733071
版权
本文引导读者创建一个名为first.html的HTML文件，详细介绍了新建目录、创建文件、编写基本HTML代码的过程，并指导如何使用Chrome浏览器运行显示网页。内容包括HTML文档结构、页面元素等基础知识。
摘要由CSDN通过智能技术生成

文章目录

新建目录html

新建一个目录html，用于存储第一张页面。
在这里插入图目录片描述

新建文件first.html

在html目录下新建一个文本文档，如下所示：
在这里插入图片描述
重命名为first.html，单击“是”，确定修改。
在这里插入图片描述
注意查看，文件扩展名是否真的修改为.html类型。
在这里插入图片描述

编写html代码

打开first.html文件，编写如下代码：
在这里插入图片描述

运行页面

使用浏览器运行页面，推荐使用Chrome浏览器。
在这里插入图片描述
效果如下：
在这里插入图片描述

远近2021
关注
专栏目录
Web练习1 第一个html网页
cjf16337023的博客
03-26 1138
【实验内容】 1、根据下图提示(标出了元素)尽可能做出相似的网页（文字包含在html1.txt中）。其中包含的图像(sysu.png，fig1.png)和链接的网页(kj.html~sh.html)都在当前路径中；有一些元素下面标出了属性; 最后一行使用了div元素(id="footer")。 2、在步骤1的网页的head元素中加入以下style元素： <style> ...
first HTML
网站开发初中级代码参考-转载
01-05 176
简单的写了个html的程序； 算是开始起步了吧。 呵呵、、、 源代码： &lt;html&gt; &lt;head&gt; &lt;title&gt;我的第一个网页&lt;/title&gt; &lt;/head&gt; &lt;body&gt; 这是我的第一个HTML程序 &lt;/body&gt; &lt;/htm 贴图： ...
HTML简介及使用记事本写第一个网页
Fantasc的博客
08-28 543
HTML（超文本标记语言）的全称是：Hypertext Markup Language。作为网页中三要素的结构部分 文本：使用纯文本编辑器写的代码，例如：记事本、Hbuilder、Nodepad++等。 第一个网页：可以使用记事本写入一些内容，然后保存为后缀名为html的文档，点击打开就能在浏览器中看见写进去的内容。 操作流程如下： 1.新建文本文档，写入内容 2.另存为后缀名为html的文档 3.打开html文档，在浏览器中显示在文本编辑器中写入的内容 ...
使用html 语言建立一个简单的网页,如何用记事本建立简单的网页(1).doc
weixin_36203080的博客
05-31 1063
第九章 网页制作实验一 用记事本建立简单的HTML文件【实验目的】学会用HTML语言建立一个简单的网页。【实验内容】建立一个网页，布局自定，包括自我介绍、图片、自己的电子信箱地址等，要求在标题与正文之间插入一条水平线。(实验中所用到的图片、音乐等素材均可在计算中心配备的计算机中找到，具体路径为C:\DATA)【实验步骤】启动“记事本”和“IE浏览器”，并纵向平铺两窗口；在“记事本”窗口输入下面的代...
first-html
03-20
第一个html
HTML入门教程：创建你的第一个网页
通过一个简单的实例——第一张网页（01.htm）来展示HTML代码的构成。" HTML（HyperText Markup Language）超文本标识语言是创建网页的标准标记语言，用于构建和组织网页内容。它由一系列元素组成，这些元素以开始和...
HTML基础教程：创建你的第一个网页
1. 手工直接编写：使用简单的文本编辑器如记事本，保存为.htm或.html格式。 2. 使用可视化HTML编辑器：如Frontpage、Dreamweaver等，提供直观的界面来构建网页布局。 3. 动态生成：由Web服务器根据需求实时生成HTML...
HTML初学者指南：创建你的第一个网页
"这篇资源是关于HTML初级教程的，主要介绍了如何创建第一张网页以及HTML的基本概念、文档结构和元素属性。" 在HTML（HyperText Markup Language）中，第一张网页通常是一个简单的示例，用于教授初学者如何构建网页...
first.html
08-11
这是我自己写的一个小Demo，关于HTML5入门简单知识，当然，也有一些局限性，因为我也是刚入门哦，欢迎指出错误
创建一个html网页,创建第一个HTML网页(未完待续)
weixin_39612677的博客
06-16 551
要学会游泳，就必须下水。所以二话不说，我们直接开始制作一个HTML网页，并尝试在在这个网页中添加你所能想象到的所有内容。构建网页的基本结构网页的基本结构就像是一个三明治，由html标签夹着head和body标签。首先，在记事本中输入一对html标签，用于亮明身份，告诉计算机这是个html文件。两个标签中间就是网页的全部内容。...然后，在html标签中间添加一对head标签，用于存放一些不需要显示...
Head First HTML与CSS 第2版 随书源码
06-22
Head First HTML与CSS 第2版 随书源码
HTML First day
穆梓先生
05-28 302
MyFirst Demo 这是标题1 这是标题2 这是标题 3 这是标题 4 这是标题 5 这是标题 6 这是段落 2 这是段落（加粗效果） 这是段落（加粗效果） 百度 这个段落表示分行效果 放大字体 斜体字 斜体字 缩小字体 愿世界待你以 温柔 春风十里不如 你 生活没有彩排 每天 都是现场 直播 运行结果
html课做一个网页,菜鸟自学建站 HTML 第三课 制作我的第一个网页_html/css_WEB-ITnose...
weixin_33490603的博客
06-20 389
上一课我们了解了Dreamweaver的工作界面，从这节课开始，我们由浅入深的开始学习网页的制作。首先打开Dreamweaver，制作网页首先要新建一个文档，就像我们写文稿需要一张纸一样。只有有了载体，你才能在上面进行创作，那么今天要学的第一个知识点：新建和保存文档的几种方法。先说新建文档的三种方法：图中列出了三种新建文档的方法，新建：快捷键(Ctrl+N)。再说保存文档的几种方法：保存：快捷键(...
HTML_first_复习
weixin_45773503的博客
02-24 694
day 1 1. 网页组成元素 文字 图像 超链接 音频视频 flash … 2. 浏览器（显示代码） 浏览器是网页显示，运行的平台，主流浏览器有 IE， trident Chrome， Gecko Firefox， webkit Opera， Blink Safari. Blink 移动端大部分用的是webkit 的内...
FirstHtml 的知识总结
hutongkoudemihu的博客
06-19 193
火狐浏览器 Firefox 谷歌浏览器 Chrome 苹果浏览器 Safari IE浏览器 Internet Explorer Opera页面主体包含web页面的所有内容和结构，这就是我们在浏览器中看到的部分。 编写html时，要把首部（head）和页面主体分开。元素=开始标记+内容+结束标记浏览器并不关心制表符、回车和大多数空格，所以标记可以在同一行上的任何位置开始和结束，或者也可以在不同行上开始和结束。css是层叠样式表（cascading Style Sheets）的缩写。css提供了一种方法来告诉
【Java 进阶篇】创建 HTML 注册页面
最新发布
繁依Fanyi的博客
10-09 1979
通过本博客，我们学习了如何创建一个简单的HTML注册页面，包括表单元素、标签、输入字段和提交按钮。我们还了解了一些用于验证用户提交数据的常见技巧和最佳实践。最后，我们强调了表单处理后的成功页面和错误处理的重要性，以提供良好的用户体验。创建注册页面是HTML表单的基础，这个例子可以扩展到更复杂的表单和应用中，以满足不同的需求。希望这个博客对于初学者能够提供有关HTML表单的清晰概念和起点。
visual studio Code建立第一个文件的过程(针对未用过visual studio的小白)
狮子座的男孩
03-26 2214
Ⅰ、打开文件的不同之处： 1、Open File：打开一个文件——单文件调试（当记事本用） 2、Open Folder：打开一个文件夹（写项目，打开项目文件夹） 3、Open WorkSpace：打开一个工作区（多个项目联合调试，在一个窗口打开多个项目） 4、一般来说，一个项目包含多个文件和文件夹，因此应该选择Open Folder； Ⅱ、 1、在想要存储文档的地方建立一个文件夹(例如我建的文件夹...
【Web前端】怎样用记事本写一个简单的网页-html
热门推荐
成长之路
07-05 2万+
EditPlus: 简单起见，接下来就使用记事本来编写我们的网页。 3. 更丰富一点 标签 功能 < !doctype html > 标识文件的语言标准，这里指的是html5 < title > 网页的标题，即浏览器中页面的名字 < h1 > 一级标题 < p > 一个段落的开始 下面是新的网页：🌎我们的第一个网页讲到这里就讲完啦。 🌏那博主在这里求个三连不过分吧？.........
webpack搭建vue脚手架
TMTY111的博客
12-10 248
webpack搭建vue脚手架 一、创建项目基本结构 创建一个项目名为vue-webpack-cli 在项目根目录中创建src文件，在src文件下创建如下文件： src/app.vue <template> <div id="app"> <h>{{msg}}</h> </div&...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值