HTML入门简介(小白)

在正式开始之前我们要先做好学习的准备…

首先学习HTML之前我们首先要了解一下什么是"HTML"

HTML超文本语言,HyperTextMarkupLanguage标准通用语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 ,是网页制作所必备的。“超文本”就是指页面里可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

一般在学习之前我们要先选定自身所熟络的一款编程工具,市面上免费的编程工具有很多如Google Web Toolkit，JetBrains WebStorm，Visual Studio 2010 SP1，Dojo Foundation Maqetta，Sencha Touch2，visual studio code等等

同样浏览器也是我们学习HTML的必需品,我个人推荐谷歌浏览器,在当前市场上,谷歌具有着较高的市值.并在兼容性上要比起IE更为优质

IE浏览器应为其更新问题导致大多数标签不兼容,可能会影响到我们对于HTML的学习…

首先我们要先建立HTML文件,

前端的文件都有着自己的后缀格式如:“XXX.HTML”(此为html文件后缀格式) “XXX.CSS”(此为css文件后缀格式)

建立好html文件后先建立基础格式,我先为大家安利两种基础格式建立的一项快捷方式 “SHIFT + !”

以下是HTML基础格式建立后,及各部位的注释

当然在前期的学习的过程中;对于代码我推荐大家尽量采用手打

这样的话对于你以后的发展大有好处。既可以提升你的代码及打字速度,更能增加你对代码的记忆力以及熟悉程度。以便于你在前期的学习。

在HTML中元素以元素间有着密切的关系 - - 父子关系;

浏览器解析决定,解析顺序从上往下解析,从辈分高到辈分低

HTML可以根据特点分类分为两大类 “块元素” “行元素”

“块元素” 特点： - 默认宽度为百分之百(子元素相对父元素),元素的高度;子元素撑起来

                      -   子元素在父元素中,排列方式;从上往下

                      -    html body 所有布局列标签 main div section nav header p ul li ol dl dd form.....

“行元素” 特点： - 默认宽度为内容宽度 内容高度(*****没有高度和宽度)

                      -    子元素在父元素中排列方式:从左往右依次排列  直到排满才换行

                       -   img  audio  video span a input button label select option.....

在这之中其实还有一个小类 - - “行内块元素” 但行内块是后天认为改变的。其特点为:“大小为内容大小;可以设置宽度和高度”。

HTML中属性也有着两大分类"全局属性",“私有属性”;

属性都有特性的作用 具体作用程度有这个属性的值来确 属性是不可变的,属性对应的值是可以改变的 属性具有唯一性; 一个属性可以跟多个值；全局属性是所有HTML都可以使用的属性 私有属性反之.

以上便是我对于HTML入门的大体介绍以及入门知识的讲解,做完这些准备便可开始你的前端之旅了;

最后祝你在前段的路上不会被发际线的问题困扰