HTML入门学习总结

本周结束了大众点评的制作，主要是一个不断熟悉的过程，中间遇到的许多问题之前都经遇到过并且合理解决，准备进入下一阶段学习，这篇博客主要是整理了一下制作过程中的思考

思考感悟

1. 学一样东西，要敢于犯错并且尽量做到不贰过
2. 应用性强，练了才能有收获
3. 遇见问题的解决思路：是否保存->文件名->浏览器选择->控制台
4. 注意注释与格式
5. 多思考，多积累

6. 从不同的角度思考问题，比如：

   1. 在用盒子模型的时候盒子模型的位置，既可以直接调整盒子的位置，也可以改变盒子之外的盒子的属性，还可以改变盒子内部的属性
   2. 排版的时候不要局限于列与行的固定形式，灵活一点
   3. 灵活的前提是遵守container还有row等的格式，具体目标参见“从心所欲不逾矩”
7. 多练就完了（这不是需要天分的东西，不会的就练就能学会）
8. 开始学的时候，看到别人很简单的操作自己却长时间学不会，很正常，一步一步来。不要跳过步骤

HTML

1. 一项基本的语法，很重要，属于基础
2. 学习的时候我认为的最简单的办法就是看一步练一步
3. 有一种成对的思想，成块的概念，添加属性的思维，灵活应对的愉悦

4. 在写轮播图的时候发现了<article>标签,虽然最终的效果并没有用article实现，但是了解到了一些知识点

   1. 我们理解<article>的方法与<div>类似，同理的还有<section>
   2. <div>作为布局以及样式化的使用，本身无任何意义
   3. <section>表示节，一般具有标题，主题性的内容，适用
   4. article表示独立的自包含内容，代表一个独立的、完整的相关内容块。如：一篇文章。文章中可包含标题、内容、脚注。
   5. 推荐按照具体的内容分配来写，可以方便整理思路
   6. <article> 标签定义独立的内容。
   7. <article> 标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。

5. 内联SVG（可伸缩矢量图形 Scalable Vector Graphics)

   1. SVG是矢量图，我们可以引用它来添加图片
   2. 我们可以在网上找URL进行直接引用
   3. 使用方法与图片一样用img标签
   4. 不会随着图片的分辨率而改变，放大很多倍之后依然是成形图形（对比位图图像，由点像素组成放大很多之后就会出现细细的像素颗粒）
   5. 由函数确定，因此导致了上面的4

Bootstrap

1. container的使用要普遍与灵活（在一个想要使用bootstrap的文档里面，必须要引用）

2. 对于bootstrap 的引用格式要规范，包括头文件的引用，具体框架的复制粘贴也要一点不差

   1. 遇到过不同版本的bootstrap引用不同，导致效果消失
   2. 引用的头文件不足导致无法实现效果
   3. 因为对于js的了解不足，所以我们要严格遵守框架的语法
   4. 对于框架的操作，多次尝试就能实现效果
3. 我们需要的是用这个而不是学这个，所以只有了解他的功能才能灵活的运用它
4. 效果实现不了的时候，浏览器的问题也占很大一部分，推荐火狐、谷歌换着验证

Css

1. 把属性的想法理解透，学习css就是为了按照需求给元素添加属性
2. 背景的使用就用手电筒去照一面墙上的图画，照到的地方就是我们需要表现出来的地方

1. css最重要的就是盒子模型，要不断地去学习掌握（灵活运用的效果很好玩）

版权声明

本文保留所有权利，版权归河北工业大学梦云智软件开发团队所有。未经团队及作者事先书面同意，您不得以任何方式将本文内容进行商业性使用或通过信息网络传播本文内容。本文作者：温宇航