HTML创作简单网页

        今天一天的学习,了解的html基本的网页制作,可以通过一些简单的命令来制作一个简单的网

页,但是我们要先了解这些知识

什么是HTML?

        HTML 是用来描述网页的一种语言。

        HTML 指的是超文本标记语言: HyperText Markup Language

        HTML 不是一种编程语言,而是一种标记语言

        标记语言是一套标记标签 (markup tag)

        HTML 使用标记标签来描述网页

        HTML 文档包含了HTML 标签文本内容

        HTML文档也叫做 web 页面

HTML 编辑器推荐

可以使用专业的 HTML 编辑器来编辑 HTML,菜鸟教程为大家推荐几款常用的编辑器:

 VS Code

Sublime Text 

notepad++.exe

你可以从以上软件的官网中下载对应的软件,按步骤安装即可。

接下来我们将为大家演示如何使用notepad++.exe 工具来创建 HTML 文件。

HTML简单网页制作

步骤 1: 新建 HTML 文件

        一个简单的网页由一个网页标注声明开始的可以有也可以没有,具体的组成有响应函;响应头;响应体。

        其中的尖括号里的东西要有头有尾,前后对应前面用什么后面用什么在后面记得加上/,如在做

简单网页之前先在桌面上新建一个文本文档然后文件后缀记得改成htm,或者html

        如图

步骤2:打开新建的html

        在 notepad++.exe 安装完成后,选择以 notepad++.exe 打开,进去就会出现一个白板,这个

时候我们输入命令即可

 步骤3:创建网页名称

        在软件里面输入以下命令,注意这里的往下就是这个网页的名称,输入以后点击左上角的保

存,然后点击桌面上面我们一开始创好的HTML,就会出现这个页面

  步骤4:插入超链接

        这里的H表示标题的意思,3是字的大小,数字不同,最后网页的标题字大小就不同,然后下面插入超链接的命令

        <a href="链接”>一个名称</a>

        这里我用的是我博客的地址,可以看见下面的图,点击名字,即可进入我的网页,这个就是超链接

 步骤5:水平线

        水平线很好理解,就是在网页里面插入几个线条,来区分内容

          <hr/>

          <p></p>

          <hr/>

这个是一个水平线的代码,这里取决你要几个,这里我输了三条

        

 

步骤6:表单

        创建两条可以输入东西的表单,可以在里面输入我们想要输入的东西

 步骤7:密码

        这个好理解,就是一个密码,往密码里面输东西,不显示就是正确

 

 步骤8:单选还有多选

        单选输入上面的命令,多选是下面,这个时候我们进入网页,会发现我们可以进行选择

步骤9:搜索框

        搜索框这个命令输入是可以搜文件的,因为我们还没有学习如何添加路径

最终效果

 这个就是一个简单的网页创建

  • 7
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

YUGUOHOU

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值