对于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,更多的知识大家就自行学习吧。
对于html的初步认识相关推荐
- TensorRT 7.2.1开发初步
TensorRT 7.2.1开发初步 TensorRT 7.2.1开发人员指南演示了如何使用C ++和Python API来实现最常见的深度学习层.它显示了如何采用深度学习框架构建现有模型,并使用该模 ...
- SOC,System on-a-Chip技术初步
SOC,System on-a-Chip技术初步 S O C(拼作S-O-C)是一种集成电路,它包含了电子系统在单个芯片上所需的所有电路和组件.它可以与传统的计算机系统形成对比,后者由许多不同的组件组 ...
- 《OpenCV3编程入门》学习笔记3 HighGUI图形用户界面初步
第3章 HighGUI图形用户界面初步 3.1 图像的载入.显示和输出到文件 1.OpenCV命名空间2种访问方法 (1)代码开头加:usingnamespace cv; (2)每个类或函数前加:cv ...
- 初步判断内存泄漏方法
有时候,内存泄漏不明显,或者怀疑系统有内存泄漏,我们可以通过下面介绍的方法初步确认系统是否存在内存泄漏. 首先在Java命令行中增加-verbose:gc参数, 然后重新启动java进程. 当系统运行 ...
- android蓝牙4.0(BLE)开发之ibeacon初步
一个april beacon里携带的信息如下 ? 1 <code class=" hljs ">0201061AFF4C0002159069BDB88C11416BAC ...
- 游戏AI之初步介绍(0)
目录 游戏AI是什么? 游戏AI和理论AI 智能的假象 (更新)游戏AI和机器学习 介绍一些游戏AI 4X游戏AI <求生之路>系列 角色扮演/沙盒游戏中的NPC 游戏AI 需要学些什么? ...
- 【转】ibatis的简介与初步搭建应用
[转]ibatis的简介与初步搭建应用 一.ibatis的简介 ibatis是什么东西就不介绍了,自己去找谷老师. 这里讲下自己的使用体会.之前自己学过Hibernate,是看尚学堂的视频教学的,看完 ...
- 初步了解:使用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 ...
- 存储过程和存储函数初步
2019独角兽企业重金招聘Python工程师标准>>> 存储过程和函数初步 简单的来说,存储过程就是一条或者多条 SQL 语句的集合,可视为批处理文件,但是其作用不仅限于批处理. # ...
- 【spring框架】spring整合hibernate初步
spring与hibernate做整合的时候,首先我们要获得sessionFactory. 我们一般只需要操作一个sessionFactory,也就是一个"单例",这一点很适合交给 ...
最新文章
- ../include/my_global.h:1107: 错误:对 C++ 内建类型‘bool’的重声明
- Jpeglib读取jpg文件
- 人工智能时代下的视觉合成
- C# WebAPI中DateTime类型字段在使用微软自带的方法转json格式后默认含T的解决办法...
- VTK:小部件之ImageTracerWidgetNonPlanar
- bzoj2058: [Usaco2010 Nov]Cow Photographs(逆序对)
- 灵动思绪EF(Entity FrameWork)
- Windows Mobile 数独游戏及全部源码
- 【Elasticsearch】es 新的 数据类型 search_as_you_type
- C++ 虚函数,纯虚函数,抽象类整理
- Bitmap如何高效加载图片
- 性能测试学习笔记-如何管理loadrunner的临时文件
- koa mysql 按钮级权限_Vue要做权限管理该怎么做?控制到按钮级别的权限怎么做?...
- html平面图绘制,如何利用Word绘制校园平面图?
- word提示“Word上次启动失败,安全模式可以帮助您解决问题”的解决办法
- 512内存安装php7,《滴水石穿-php》虚拟机中安装php7内存错误
- GitHub建立个人网站(一)
- 从零开始学习前端JAVASCRIPT — 1、JavaScript基础
- 高德定位注册Key的问题
- 2018读书清单与情况
热门文章
- 华为FreeBuds Pro 2戴久了耳朵会痛,缓解小tips~
- Unknown command: crawl
- airplay_AirPlay即将应用于智能电视。 这是如何运作的
- 线程和进程/阻塞和挂起
- 文件上传:FileNotFoundException(系统找不到指定的路径)
- python怎么定义整数数组_python中输入整数数组长度python基础语法
- OCX控件注册及无法注册原因总结
- 情绪因子 | 全A情绪指数:市场对大事件的情绪反应
- 华为OD机试题 - 射击比赛(JavaScript)| 代码+思路+重要知识点
- matlab 点球 蒙特罗,半场-富力2-2泰达 蒙特罗点球破僵扎哈维建功