大家好我是前端练习生,从今天开始我会和大家分享一些在前端有用的一些知识,这些知识不仅可以帮你回忆之前可能已经忘掉的细节知识,也可以让你快速的学习前端基础知识。
如果在这篇文章中有些知识有错误,希望大家多多指点我们一起进步。
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 | 下拉列表 |