目录

一、什么是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,更多的知识大家就自行学习吧。

对于html的初步认识相关推荐

  1. TensorRT 7.2.1开发初步

    TensorRT 7.2.1开发初步 TensorRT 7.2.1开发人员指南演示了如何使用C ++和Python API来实现最常见的深度学习层.它显示了如何采用深度学习框架构建现有模型,并使用该模 ...

  2. SOC,System on-a-Chip技术初步

    SOC,System on-a-Chip技术初步 S O C(拼作S-O-C)是一种集成电路,它包含了电子系统在单个芯片上所需的所有电路和组件.它可以与传统的计算机系统形成对比,后者由许多不同的组件组 ...

  3. 《OpenCV3编程入门》学习笔记3 HighGUI图形用户界面初步

    第3章 HighGUI图形用户界面初步 3.1 图像的载入.显示和输出到文件 1.OpenCV命名空间2种访问方法 (1)代码开头加:usingnamespace cv; (2)每个类或函数前加:cv ...

  4. 初步判断内存泄漏方法

    有时候,内存泄漏不明显,或者怀疑系统有内存泄漏,我们可以通过下面介绍的方法初步确认系统是否存在内存泄漏. 首先在Java命令行中增加-verbose:gc参数, 然后重新启动java进程. 当系统运行 ...

  5. android蓝牙4.0(BLE)开发之ibeacon初步

    一个april beacon里携带的信息如下 ? 1 <code class=" hljs ">0201061AFF4C0002159069BDB88C11416BAC ...

  6. 游戏AI之初步介绍(0)

    目录 游戏AI是什么? 游戏AI和理论AI 智能的假象 (更新)游戏AI和机器学习 介绍一些游戏AI 4X游戏AI <求生之路>系列 角色扮演/沙盒游戏中的NPC 游戏AI 需要学些什么? ...

  7. 【转】ibatis的简介与初步搭建应用

    [转]ibatis的简介与初步搭建应用 一.ibatis的简介 ibatis是什么东西就不介绍了,自己去找谷老师. 这里讲下自己的使用体会.之前自己学过Hibernate,是看尚学堂的视频教学的,看完 ...

  8. 初步了解:使用JavaScript进行表达式(De Do Do Do,De Da Da Da)

    by Donavon West 由Donavon West 初步了解:使用JavaScript进行表达式(De Do Do Do,De Da Da Da) (A first look: do expr ...

  9. 存储过程和存储函数初步

    2019独角兽企业重金招聘Python工程师标准>>> 存储过程和函数初步 简单的来说,存储过程就是一条或者多条 SQL 语句的集合,可视为批处理文件,但是其作用不仅限于批处理. # ...

  10. 【spring框架】spring整合hibernate初步

    spring与hibernate做整合的时候,首先我们要获得sessionFactory. 我们一般只需要操作一个sessionFactory,也就是一个"单例",这一点很适合交给 ...

最新文章

  1. ../include/my_global.h:1107: 错误:对 C++ 内建类型‘bool’的重声明
  2. Jpeglib读取jpg文件
  3. 人工智能时代下的视觉合成
  4. C# WebAPI中DateTime类型字段在使用微软自带的方法转json格式后默认含T的解决办法...
  5. VTK:小部件之ImageTracerWidgetNonPlanar
  6. bzoj2058: [Usaco2010 Nov]Cow Photographs(逆序对)
  7. 灵动思绪EF(Entity FrameWork)
  8. Windows Mobile 数独游戏及全部源码
  9. 【Elasticsearch】es 新的 数据类型 search_as_you_type
  10. C++ 虚函数,纯虚函数,抽象类整理
  11. Bitmap如何高效加载图片
  12. 性能测试学习笔记-如何管理loadrunner的临时文件
  13. koa mysql 按钮级权限_Vue要做权限管理该怎么做?控制到按钮级别的权限怎么做?...
  14. html平面图绘制,如何利用Word绘制校园平面图?
  15. word提示“Word上次启动失败,安全模式可以帮助您解决问题”的解决办法
  16. 512内存安装php7,《滴水石穿-php》虚拟机中安装php7内存错误
  17. GitHub建立个人网站(一)
  18. 从零开始学习前端JAVASCRIPT — 1、JavaScript基础
  19. 高德定位注册Key的问题
  20. 2018读书清单与情况

热门文章

  1. 华为FreeBuds Pro 2戴久了耳朵会痛,缓解小tips~
  2. Unknown command: crawl
  3. airplay_AirPlay即将应用于智能电视。 这是如何运作的
  4. 线程和进程/阻塞和挂起
  5. 文件上传:FileNotFoundException(系统找不到指定的路径)
  6. python怎么定义整数数组_python中输入整数数组长度python基础语法
  7. OCX控件注册及无法注册原因总结
  8. 情绪因子 | 全A情绪指数:市场对大事件的情绪反应
  9. 华为OD机试题 - 射击比赛(JavaScript)| 代码+思路+重要知识点
  10. matlab 点球 蒙特罗,半场-富力2-2泰达 蒙特罗点球破僵扎哈维建功