前端基础学习笔记

1~13集笔记前端基础主要就是三大件HTML、CSS、JavaScript。HTML负责页面的结构和内容相当于骨架。CSS负责页面的样式和布局。JavaScript负责页面的交互和逻辑。注释:ctrl/向下复制shiftalt↓删除一行ctrlshiftk计算机对数据的操作存储时编码 读取时解码 都遵循字符集html设置语言html langzh-CN 简体中文h标签无法嵌套p标签是段落标签div是块级标签span行内标签块级元素独占一行 其中能写行内与块级元素行内元素 在一行 其中能写行内元素不能写块级元素em标签 着重阅读 斜体emphasizestrong标签 加粗!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 style * { text-align: center; } body { margin: 0; padding: 30px; background-color: whitesmoke; color: black; font-family: Microsoft YaHei, sans-serif; font-size: 18px; line-height: 1.8; } img{ height: 150px; width: 100px; } h2{ color: darkblue; } h3{ color: grey; } /style title卡牌/title /head body h2梅花/h2 h32~4/h3 div span img src./images/C2.png alt img src./images/C3.png alt img src./images/C4.png alt /span /div h2方片/h2 h35~7/h3 div span img src./images/D5.png alt img src./images/D6.png alt img src./images/D7.png alt /span /div h2红桃/h2 h38~10/h3 div span img src./images/H8.png alt img src./images/H9.png alt img src./images/H10.png alt /span /div h2黑桃/h2 h3j~k/h3 div span img src./images/SA.png alt img src./images/SJ.png alt img src./images/SQ.png alt img src./images/SK.png alt /span /div /body /html