admin 管理员组

文章数量: 887021


2023年12月21日发(作者:达内培训机构靠谱吗)

用HTML代码在记事本制作简单网页

HTML

(Hyper Text Markup Language

)即超文本

标记语言,是目前网络上应用最为广泛的语言,也是构成网 页文档的主要语言。

HTML网页由HTML代码编写出来

HTML的结构包括头部(Head)、主体(Body)两大部分, 其中头部描述浏览器所需的信息,而主体则包含所要说明的 具体内容。HTML代码是成对存在的!任何的HTML代码都 必须有开始标记和结束标记!

下面介绍用HTML代码在记事本中编写简单网页的方

法!

第一步,打开记事本。

捕助工貝

o游戏

C3启动

Outlook Ex:pr

Windows Media Flayer

Windows Nl@ss«ng«r

indoWE Movi & Maker

通讯

勾TrueType造字程序 矗tfindows资鴻管球爲 他程序兼容性向导

M画窗

..J计算器

远程协助

Iftternet Ewpl^rer

暴凤影音

EnEdi tor v3

Adobe

记爭本

迫漫游Windows XP

血命令提示符

第二步,开始编写HTML代码。首先编写必须的几个代

码:, v/html>、

, v/head>、

, v/title>、 </p><p style="text-indent: 2em;";>vbody>, v/body> </p><p style="text-indent: 2em;";>c无标题-记事本 </p><p style="text-indent: 2em;";>丈件®鋼辑⑥格式辺査看迪 帮助①) </p><p style="text-indent: 2em;";><htnl>| R </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><title>

第三步,在 , v/title>里面编写上内容:我的第一 </p><p style="text-indent: 2em;";>个网页,并以*.html或*.htm为后缀保存文件; </p><p style="text-indent: 2em;";>E无标黒-记事本 </p><p style="text-indent: 2em;";>文件世)编辑⑧ 格式◎)查看(D </p><p style="text-indent: 2em;";>帮助迪 </p><p style="text-indent: 2em;";>'T|[D | x </p><p style="text-indent: 2em;";><html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";>我的第一个网页 </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body></body> </htnl> </p><p style="text-indent: 2em;";>第四步,打开网页,即可看见: </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>労我的第 1 个网页亠 </p><p style="text-indent: 2em;";>licro^oft Internet Eyplorer </p><p style="text-indent: 2em;";>文件编辑⑥ 查看迪 收藏工具⑴ </p><p style="text-indent: 2em;";>帮肋QI) </p><p style="text-indent: 2em;";>■-迟 </p><p style="text-indent: 2em;";>搜索 收藏夹 </p><p style="text-indent: 2em;";>地址⑪罔 </p><p style="text-indent: 2em;";>C: Eocunents </p><p style="text-indent: 2em;";>and S0ttings*dmiid£trator桌面1. html </p><p style="text-indent: 2em;";>第五步,在<body>, v/body>理编写上“这是我的第一 </p><p style="text-indent: 2em;";>个网页,欢迎光临! ”,然后保存。打开网页刷新以后看到: </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>这样,一个非常简单的立件世)編辑(I)格式©)查看迈 帮助凹 </p><p style="text-indent: 2em;";><html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><title>我的第一个网页

<血呦》这是我的第一个网页,欢迎光临I K"^y>

St我的第一个网页-licrosoft Internet Explorer

文件匹 蕭辑⑥ 查看① 收藏⑥

XM(X)帮助⑩

0后退• O •凶崗生缸疾< 地址©)

y]C:Docunftnts and SdttingsAdministratar^面3. ©>SO屈匸

I擢索£

这是我的第一个网页,欢迎光临I

HTML网页就制作好了!


本文标签: 代码 网页 查看