从小白到大神的前端菜鸟

什么是html呢?
超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容
:html常用的编辑器有哪些?##
(1):vscode
(2): webstorm
(3): subline
(4):Hibude等等
这些都是我们常用的开发工具 我现在用的是vscode 这个开发工具由微软建立它是一个通用的编辑器。
二:html标签到底有哪些呢?
具体分为三大类:
(1):块元素标签
特点:默认宽度为百分之百(子元素相对父元素),(可以设置高度与宽度)元素的 高度有子元素撑起来,子元素在父元 素中.排列方式从上往下
所有布局类标签 main div section nav footer header p ul ol dl dd form…

(2):行元素标签:
默认宽度为内容宽度,内容高度(**** 没有高度和宽度)
子元素与父元素中排列方式从左往右依次排列,直到排满才换行
audio video span a input button label option select…

(3):行内块标签:转基因 既有块的元素还有行的元素,简称行内块元素
特点:大小为内容大小,可以设置宽度和高度
img(img这个比较特殊)
html的标签基本上都是对标签,为什么说它是对标签呢,因为它有开始和结束标签如:

:开始标签 ;

:结束标 签;html中开始标签一般都是一个单词或者一个字母;而结 束标签一般都是加一个前缀 / 斜杠;但是有例外比如:img标签,以及其他标签;它们只有 开始一个标签,没有结束标签;

三:开发的浏览器?
这里面分为两类:
主流浏览器:谷歌 火狐 360 QQ浏览器 ;
非主流浏览器:IE8以下的浏览器
这里面谷歌浏览器比较好,因为后期基本上都是用它的`
浏览器有一个默认的布局:
流式布局:流式布局在CSS2时代就有,主要是靠百分比进行排版,可以在不同分辨率下显示相同的版式。

四:html的属性分类
全局属性:是所有html都可以使用的属性;
私有属性:某个元素或者标签特有的属性;
总结:一个属性可以跟多个值,属性是不可变的,是唯一的;但是属性的值是可变的,
它可以有多个值。
五:标签的用途
body,main:布局类标签 作用标签
header:网站上面的布局标签 ;
nav:导航标签;
section:内容区域标签,不过这个不常用;
footer:网站底部的标签;
p:段落标签;
span:文字标签,
i:斜体标签;
strong:变粗标签;
h1~h6:标题标签,其中h1标签一个网页只能使用一次,其他h标签可以使用多次;
img:图片标签;
a:链接标签;
audio:音频标签;
video:视频标签;
table:表格类标签(写表格的标签);
thead:表格头部;
tbody:表格身体;
tr:表格行标签;
td:表格列标签;
form:表单标签;
input:输入框标签;
button:按钮标签;
ul:li:无序列表;
ol:li:有序列表;
以上基本就是我们html日常所用到的html标签;

你可能感兴趣的:(从小白到大神的前端菜鸟)