导图社区 前端学习
这是一个关于前端学习的思维导图,以下是一些关于前端学习的资源,帮助你建立扎实的基础并不断提升技能。
社区模板帮助中心,点此进入>>
前端学习
html
!生成 html 骨架
ctrl+s 保存
alt+b 运行
hr 横线
br 强制换行
p 一行一段
h1 标题
title网站标题(头)
body 网站内容(身体)
媒体标签
audio 音乐
src 文件路径-链接
./当前目录../上一个目录
controls 音乐控件
video 视频
a href 超链接
#空链接
双引号“”里加链接><里加超链接文字
index 首页的意思
tab 自动填充(也是四个空格)
查看— alt+z 自动换行
列表元素
无序列表整体 ul 里标签 li
ul 标签只能有 li 标签
li 标签可以有任意内容
ol 标签同理
有序标签整体 o 里标签 li
dl 标签是整体
自定义标签整体主题是 dt dd /dt 标签可以包含任意内容
dl 标签
表格标签
table
表格整体包含(tr td)
border(边框高度 )width(边框宽度)heigth(表格)
tr
代表一行
td
每行的内容
caption(表格大标题)
th(表头单元格通常是表格第一行)
thead(表格头部)
tbody(表格主体)
tfoot(表格底部)
rowspan(跨行和并)
一般在 td 里面
colspan(跨列合并)
placeholder(占位符,提示用户输入的内容)
file 上传单个文件 multiple 上传多个文件
submit 提交按钮
rest 充值按钮
button 普通按钮 默认无功能
value 换按钮内容字体
select 下拉菜单
option 下拉菜单的每一项
selected 下拉菜单的默认选中
textarea 文本域标签
cols 文本可见的宽度
子主题
rows 行数
  是空格
css
css (层叠样式表一般在 html 的 title 下面+个 style 标签)
也可以另外一个.css 文件引用(外联式)link rel 引用, href 找 css 文件路径
还有一个行内式,直接在标签里面加 style=“color:颜色; font-size:大小 px”
基础原则器有四种—标签选择器 、类名选择器、id 选择器、
class 定义标签名字,加在标签里面, style 下面点.喊名字定义颜色和字体大小
一个标签可使用多个类名
id 选择器
通配符标签
js