关键词：
前段时间一直在学Python，不仅仅只是学Python的基础语法，还有科学计算，主要是Numpy和Matplotlib，爬虫，暂时还没有用到Scrapy那么高端的库，还停留在Python自带的urrllib模块，还有BeautifulSoup解析器，我发现，Web的问题，始终绕不过去。不得不承认的是，Web已经成为数据获取的主要渠道，所以有必要了解其机理性的一些规则，更何况，还有一点小私心，就是想做一个个人网站出来。总而言之，Web的知识是必须得学的，最直接的，自然就是HTML、CSS和Javascript，这三者是有个递进关系的，据了解Javascript的功能也是极为强大，所以这段时间，先是重点学校HTML5+CSS3的有关知识。
学习的话，还是要讲究策略，方法得当，事半功倍。就我而言，我比较喜欢先有个宏观的把握，然后再具体而微的执着于细节。所以我就现在慕课网上找到了一个基础教程（http://www.imooc.com/learn/9），花了几天的时间，大致了解了html和css的语法和一些标签，当然都是很琐碎的，初步有了印象。在这里，值得一提的是，学IT方面的技术，慕课网真的很不错，但这仅适合入门，深入的话，还是要看书。所以我又从图书馆里找到了一本书，《HTML5与CSS3基础教程》，人民邮电出版社的书，这也是一家很良心的出版社，从这里，开始了细节上的询问。
书上的内容有很多，分别来说吧。
1、HTML看起来复杂，说到底也是文本文件，只不过这里的文本文件里会有一些特殊的字符，这些字符是格式化的，代表着不同的意思，意思虽有不同，但都很明确，专业点的说，就是"标签"。HTML英文全称HyperText Markup Language，直译"超文本标记语言"，"标签"是它最核心的东西。这也就引申出HTML编写时最重要的思想：语义化，这也是这本书里一而再强调的，HTML不过是对网页中的不同文本添加合适的标签，至于如何表现，那是CSS该做的事。尽管不同的标签在浏览器中会有特殊的格式，但这都只不过是浏览器提供的默认CSS做到的，都是可以随意变更的，和HTML没有关系，更不要因为想要表现某一种格式而去使用某个标签，这并非HTML的本意。
2、基本的HTML界面
|
<!--指示这是一个html5文件，应该始终位于第一行--> <!DOCTYPE html> <!--语言为英语--> <html lang="en">
<head> <!--编码方式为utf-8,否则中文有可能出现乱码--> <meta charset="utf-8"> <title></title> </head>
<body>
</body>
</html> |
3、一个网页包括这么三方面的内容：文本内容、对其他文件的引用和标记，而HTML里的标签又包括三个部分：元素、属性和值，各个标签的属性各有不同，在学习的时候应该主动记录下来。
4、文件和文件夹的命名规则：
在网页的内容，应该考虑到SEO(增强搜索引擎优化)的问题，所以在命名的时候，主要遵循三点规则：文件名尽量全部用小写、单词之间用短横线分隔（不是空格，也不是下划线）、使用正确的扩展名，前人总结的经验，即使不知为什么，也应该加以注意，养成良好的习惯。
5、URL(Uniform Resource Locator, 统一资源定位符)，分为绝对URL和相对URL，字面意思很容易理解，下面看用法。绝对URL很简单，到哪都一样，就是我们日常接触到的最多的网址的样子，而相对URL则繁琐一些，分为几个不同的情况，比如：
引用同一目录下的文件——直接写文件名
引用子目录下的文件——文件夹名/文件名
引用上层的目录的文件——../上层文件夹名/文件名
根相对URL——/文件夹名/文件夹名/文件名 （这个比较好用）
6、文件的组织形式大致应该是这样的
总结：刚开始学习，发现HTML这种语言，和平常的那些不太一样，有自己的个性，也有自己处理事情的方式，很新鲜。要说最重要的，还是从书里学到了"语义化"这个概念，如果HTML都学完了还不懂，那才是白学了。感觉刚开始学就了解了这门语言最精髓的地方。
推荐书籍：《完美网页的视觉设计法则》、《Web设计实战》
html5+css3学习笔记
打开一个网页，看源代码，会发现，html大部分的内容还是文本，何况html本身就是叫超文本标记语言，所以大部分的标签，针对的都是文本。这些标签非常的多，而且有些，我是感觉语义上界限比较模糊，咱们一个一个的来看。... 查看详情
千峰html5+css3学习笔记(代码片段)
千峰HTML5+CSS3学习笔记文章目录千峰HTML5+CSS3学习笔记写在前面1.前言2.HTML3.CSS3.1选择器3.2CSS属性4.盒子模型4.1溢出属性4.2元素显示类型4.3定位4.4精灵图4.5宽高自适应4.6窗口自适应5.表单进阶6.HTML5新特性7.CSS3基础7.1CSS3选择器7.2... 查看详情
html5学习笔记
标准被广泛支持RIA的利器。已经代替了flash和flex功能非常强大html+css3+javascriptapi支持audio播放。video播放支持动画，2D游戏等等；支持语音识别，图像识别 查看详情
css3秘笈第三版涵盖html5学习笔记13~17章
第13章，构建基于浮动的布局使用的是float（浮动）属性注：float:none值将取消所有浮动，通常只用来取消元素中已经应用的浮动。切记：不需要给正文的div设计宽度，即使设计成固定宽度也不用用浮动进行布局LayoutGala网站（http:/... 查看详情
附全部代码+图片使用html5+css3绘制html5的logo——web前端系列学习笔记(代码片段)
文章目录页面展示技术要点代码实现html代码CSS代码用到的图片页面展示本项目将使用HTML5+CSS3绘制出HTML5的logo，页面效果如下所示。技术要点HTML5新特性HTML5基本语法CSS3新特性在HTML中引入样式代码实现html代码<!DOCTYPEhtml&g... 查看详情
读书笔记之《html5与css3基础教程》
...的任务，最好先理清任务的逻辑结构，然后有目的地逐步学习。为实现我们的需求和设计，必须要学习前端、后端、服务器等一系列暂时陌生的知识，在此，我首先疑问的是，我们理想的功能如何以网页内容和交互的形式体现。... 查看详情
html学习笔记css3(animation)
...JavaScript。CSS3@keyframes规则如需在CSS3中创建动画，您需要学习@keyframes规则。@keyframes规则用于创建动画。在@keyframes中规定某项CSS样式，就能创建由当前样式逐渐改为新样式的动画效果。同样的先看一个例子：<html><head> 查看详情
html5与css3权威指南之css3学习记录
title:HTML5与CSS3权威指南之CSS3学习记录toc:truedate:2018-10-1400:06:09学习资料——《HTML5与CSS3权威指南》（第3版）官方网站：华章图书书中所有代码下载链接：链接：http://pan.baidu.com/s/1c0oGMn2密码：f7zt选择器属性选择器[att=val]选择器—... 查看详情
html学习笔记css3(多列)
CSS3多列通过CSS3我们能够创建多个列来对文本进行布局。在这篇文章中你将了解到如下多列属性：column-countcolumn-gapcolumn-rule浏览器支持：多列的属性：实例：<html><head><metacharset="UTF-8"><title></title><styletype="t... 查看详情
十天精通css3学习笔记part4
CSS3中的变形与动画（下） CSS3Keyframes介绍 Keyframes 被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。@... 查看详情
十天精通css3学习笔记
http://www.imooc.com/learn/33什么是CSS3？CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了... 查看详情
html学习笔记css3(背景)
CSS3对于background做了一些修改，最明显的一个就是采用设置多背景，不但添加了4个新属性，并且还对目前的属性进行了调整增强。1.多个背景图片在CSS3里面你可以在一个标签元素里应用多个背景图片 代码类似与css2.0版本的写... 查看详情
css3学习笔记一
首先界面是二维的但也可以有三维的效果。先了解浏览器兼容性问题，火狐加前缀（-moz-）IE加（-MF-）谷歌加（-webkit）,简单介绍css3的几个属性。 对于背景来说如果是单纯着一种颜色可以会单... 查看详情
css3学习笔记二
接着是对图形移动、旋转、倾斜、放缩的处理。 -moz-transform:translateX(xdeg)translateY(xdeg);/*图形会沿着XY轴移动*/ -moz-transform:rotate(xdeg);/*图形绕着原点旋转当 查看详情
html5+css3入门学习——html5
什么是HTML5？HTML5将成为HTML、XHTML以及HTMLDOM的新标准。HTML的上一个版本诞生于1999年。自从那以后，Web世界已经经历了巨变。HTML5仍处于完善之中。然而，大部分现代浏览器已经具备了某些HTML5支持。HTML5是如何起步的？HTML5是W3C与... 查看详情
css3学习笔记之选择器
新增的关系选择器有：1.亲儿子选择器：>2.下一个兄弟：+3.下一群兄弟：~新增的属性选择器：1.标签[^="a"] : 匹配属性值以a开头的元素2.标签[$="a"]: 匹配属性值以a结尾的元素3.标签[*="a"]: 匹配属性值含有a... 查看详情
html学习笔记css3(文本效果)
text-shadow语法text-shadow：none|<length>none|[<shadow>,]*<shadow>或none|<color>[,<color>]*也就是：text-shadow:[颜色(Color)x轴(XOffset)y轴(YOffset)模糊半径(Blur)],[颜色(color)x轴(XOffset)y轴 查看详情
numpy学习笔记
...的代码也都敲了一遍，还是发现了一些问题，因为这样的学习方式，总感觉太被动，紧紧跟着示例代码，缺少了整体观，即使你现在问我Numpy可以处理什么问题，我还是回答不出。所以，有必要回头重来一遍，再一次审视代码背... 查看详情