学习前端基础html

大家好我是前端练习生，从今天开始我会和大家分享一些在前端有用的一些知识，这些知识不仅可以帮你回忆之前可能已经忘掉的细节知识，也可以让你快速的学习前端基础知识。

如果在这篇文章中有些知识有错误，希望大家多多指点我们一起进步。

1 首先我们要明白我们学前端是有什么用呢:

制作网页，app，小程序这些架构大多都是用前端来实现的

2 大家在学习前端的时候一定要培养兴趣，兴趣也是让人前进的动力。

1简单理解前端中的html就是人的骨架，相当于前端html是实现网页的基础

css就是用来美化网页，让网页变得更好看

js就做页面的动态效果

html基本的骨架就是:

html标签：网页的整体

head标签：网页的头部

body标签：网页的身体

title标签：网页的标题

2 html中的标签使用

标签分为双标签和单标签

标签是写出html骨架的必要方式

当然标签还有一种分类方式就是

1 常见块级元素:

块级元素的特点是:

1 独占一行

2 可以直接设置宽高

3 不设置宽度的情况下，块级元素的宽度是其父元素内容的宽度。

不设置高度的情况下，块级元素的高度是他本身内容的高度。

div	常见的块级容器，也是css和layout的主要标签
h1~h6	一二三四五六级标题
hr	水平分割线
menu	菜单列表
ol、ul、li	有序列表、无序列表、列表项
dl、dt、dd	自定义列表、定义分类、类项描述
table	表格
address	定义地址
p	段落
form	交互表单

2 行内元素

行内元素的特点:

1 由自身文本撑开

2 不能直接设置宽高

3 不可以嵌套块级元素

4 可以设置内外边距的水平方向的值。也就是说，对行内元素设置margin和padding，只有margin-left/margin-right和padding-left/padding-right是有效的。垂直方向的margin和padding是无效的。

a	锚点，链接标签
span	常用的行内标签容器，定义文本内区块
sup	上标文本
sub	下标文本
strong	加粗
ins	下淮安
em	倾斜
del	删除
label	input元素的标注

3 行内块元素

1 看名字行内块既有行内又有块级

2 和其他行内或行内块级元素放置在同一行上

3 元素的宽高和内外边距都可以设置

标签	描述
button	按钮
input	输入框
textarea	多行文本输入框
img	图片
select	下拉列表