看这个书的原因很简单，为了学JS和前端，老王非样看的。。。所以不要吐槽这书讲什么xhtml，我不会看的，宁死不看。。。（换句话说，只看到第五章，最基础的部分，虽然我觉得我会写网页，但老王还是觉得我得从基础看起，╭(╯^╰)╮）
笔记嘛，还是老规矩，一条一条的写，大类只有一章一章，就酱。
第一章
- HTML Hyper text markup language。虽然觉得这个特别基础，但真的没背出来，希望以后能背住。hyper text markup language...
2.一个html文件的例子，直接在浏览器运行
<html>
<head>
head will show on the top of this window
</head>
<body>
all contents here. eg:element(<h1>this is h1</hi>)
</body>
</html>
- CSS cascading style sheet 级联样式表，用于描述如何表现内容，元素可以有自己的属性
<style type="text/css">
</style>
- css 和HTML 是两种完全不同的语言
- CSS 颜色：十六进制编码
- HTML：结构，CSS: 外观
- exercise
Paste_Image.png
Paste_Image.png
第二章
- 属性是用来指定元素发附加信息的
- 属性值需要用引号引起来eg：属性名 = “属性值”，
- 属性不能自己创建，只能使用被支持的属性（浏览器知道的属性）
- 属性是用来个性化元素的
- 把img元素放进a中，图片也是可点击的
<style type="text/css">
使用的样式语言种类是css
</style>
<a herf="where.html"></a>
超文本链接的目的地是where.html
<img src = "pictureName.jpg">
img标记显示的图片文件名
- *tips：href是这么念的“h-ref”
- 网站文件结构：根目录-包含整个完整的顶层文件夹
组织前
把一类文件放在一个文件夹下，主页放在根目录下，组织前要规划好路径，组织后要在link和图片对应位置把旧路径更新。
组织后
- exercise
Paste_Image.png
Paste_Image.png
第三章
- *一个新词：segway，电动滑板车，北京大街小巷那种电动的，站个人的应该都算
-
<q>：引用，比直接使用双引号更好的地方在于，q元素可以有属性，可以给被引用的文字或什么设置css样式，而直接用双引号-“”，就不能有什么属性 -
<blockquote>块引用，一堆话，一段话要引用用这个，可以当成引用的<p> -
<q>和<blockquote>的区别
<blockquote>是块元素（前后都有换行符），还有<h1>``<h2>``<p>都是块元素
<q>是内联元素（inline），还有<a>``<em>都是内联元素
注意：<br>不是块元素也不是内联元素
*上节H5课上讲的，<a>现在可以包在<div>外面了，整个区域都可以点 -
<br>来换行 - 列表 unordered list/ordered list,
<ol>或<ul>
有序或无序
<li>aaa</li>
<li>bbb</li>
</ol>或</ul>
-
<ol><li>都是 块元素， - 他们必须一起使用，中间不能添加其他文字或元素
- 列表元素可以嵌套
- 还有自定义列表
<dl> <dt> <dd> - 字符实体来指定特殊符号reference1
> >
< <
& &
- 品尝一些元素（我只能说这本书真的很中二0.0）
<code>放代码
<em>强调
<address>放地址
<strong>着重强调
<pre>格式化文本
<br>空
<hr>画水平线
- summary：计划好网站结构，设计草图和路径，再动手写；嵌套元素要注意标记正确匹配
- exercise
Paste_Image.png
Paste_Image.png
第四章
1.先讲了怎么把自己网站传到服务器上去，虽然很实用，但对我好像不是重点，所以跳过了（想到买的godaddy都没有好好弄一下，觉得肉好疼是怎么回事/(ㄒoㄒ)/~~）
- url介绍，每次输入一个url（url包括协议部分和网站名部分），浏览器都会用http协议向服务器申请相应的资源，找到了会把相应资源返回给浏览器，浏览器会显示，找不到返回404；网站名部分（服务器名+域名）告诉浏览器从哪台计算机获取资源
- http协议，hypertext transfer protocol 超文本传输协议
- 如果浏览器想从服务器获得一个目录，比如发过去的是一个文件夹的名字www.hi.images/服务器会在目录中找到默认文件并返回，如图：
默认文件一般是indexl.html也可能叫default.htm，由服务器供应商决定
- 默认端口号80
- a标签当前页跳转（目录，索引，回到页首一类的会用到）
<a id = "here">come here</a>
.
.
.
<a href = "index.html#here"> go there</a>
<a href = "#top"> to top(we need a id value named top first)</a>
- 属性顺序不重要
- a表情中可以有title属性，来添加对链接的描述
- 新窗口
<a target = "_blank" href = "...">open ... in new window</a>，如果a元素中对象名都是'_blank'的话就都会在空白窗口中打开，如果起其他名字比如“keai”，那所有对象名是“keai”的链接都会在相同窗口打开（这是读两遍才能懂的一句话） - exercise
Paste_Image.png
Paste_Image.png
第五章 图像
- 上图
jpeg Vs. gif
- 图片的属性，alt，如果图像不显示，就显示这段文字代替，调整图像尺寸width height
- 还讲ps了，jpeg格式，质量30--质量中，质量是从1-100，保存时候选save for web， 保存的文件格式是psd，还要用ps弱化边缘
- 如果用width height效果不好，因为需要先加载图片
- 通过缩略图加载，在img标签外加a标签
树上的例子是把每个大图放在自己新创建的一个html中，也可以不创建html，a标签直接href到图片
<a href...>
<img>
</a>
- logo可以通过ps选透明背景和gif格式
Paste_Image.png
- exercise
Paste_Image.png
本书就看到这儿了，填词游戏还是挺好玩的。剩下的freecodecamp见
网友评论