对于html的初步认识

目录

一、什么是html?

二、对于html编写环境的个人见解

三、html的学习之路建议

四、一些基础的html知识


一、什么是html?

        HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

        以上都是百度对于html的解释,就个人看法而言,html就是通过特定的标签来对网页页面进行布局,配合css和JavaScript来进行修饰和页面互动,从而完成一个网页。

二、对于html编写环境的个人见解

        一个好的编译环境,可以大大的提高我们的编码效率和编码情绪。html在txt文档就可以完成编译,但很明显,这样的环境在工作量大了以后就会显得比较臃肿,而且编译环境可能对于大部分来说也不是那么的美观。

        这里我个人还尝试过两个环境,一个是vscode,轻量,配置简单,网上也有大量的教程来参考配置,另一个是Dreamweaver,这个环境可以有三种模式,第一种是页面和代码共存,在改写代码的时候,页面也会随之改变,第二种是纯代码编写,就和vscode没有什么不同了,不过需要一提的是,这个编译环境没法直接打开浏览器来查看代码,可以说是一大遗憾了,第三种就是纯页面观察了。有兴趣的朋友可以去尝试一番。

三、html的学习之路建议

        学习html呢,一个是可以通过慕课的课程来观看,一个是可以通过菜鸟教程来学习。对于慕课的学习,没什么好说的,跟着走就可以了,但是不同的课程用的编译环境是不一样的,大部分都是基于编译环境的基础上在讲课,所以需要注意下环境的搭配。如果是在菜鸟教程这类的教学网站上学习的还是很不错的,个人建议是,边学边写网页,因为html有大量的标签,想要段时间内记忆下来可能难度很大,边学边写可以更快的帮助我们掌握知识,另外,大部分教学网站都有在线代码编译,好好利用它,可以帮助我们更快的掌握知识。

四、一些基础的html知识

        为什么会有这个点呢,主要是想把个人觉得需要侧重的学习点说一下。

        (1)对于页面的段落还是标题的标签

                   css对于页面的格式的控制和html还是有差别的,html中我们的通过一个格式标签来知道这段代码我写的是内容还是标题,下面给大家看一下代码,解释都在注释里面。

<body>
    <!--这是注释的格式-->
    <h1 align="center" >欢迎来到MJ的网站</h1>        <!--h1代表着1号标题-->
    <hr>                                            <!--hr代表着划一根横线-->
    <p>这是MJ开发的第一个网页</p><br>       <!--p代表着这是一个段落--> <!--br则是代表着换行-->
    <p>现在正在紧急开发中</p>

</body>

        (2)对于网页的布局

                      对于页面的布局,在以往大多是使用的表格来实现页面布局,现在更常用的还是div标签+css来实现页面布局,这里主要就讲讲div标签,这里借用一个别人的图片,div标签就是对网页进行一个分割,分成一个个纯净的盒子,里面没有任何内容,所以对于我们往其中填充自己想要的元素来说是十分友好的。那么我们是怎么来设置盒子的大小呢。一个方法是设置div的width:px;height:px;这是最简单的方法,但是问题是无法适应不同屏幕大小的电脑,因此也就有了第二种方法,通过设置百分比来实现控制盒子的大小,比如width:20%;height:60%。

在这里插入图片描述

        (3)表单的设计

                  表单这个东西在html里面是什么呢,普遍用法呢就是账号密码的输入,用来验证用户信息然后配合服务器的运行来实现验证登录,当然还有很多其他用法,比如发送邮件,单项多项选择之类的。具体代码呢给大家看一下菜鸟上的样例代码和截图。

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>

 

        更多的知识呢就不和大家介绍了,毕竟这只是一篇对于html的初步认识,便于大家更快的学习html,更多的知识大家就自行学习吧。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值