Head first HTML&CSS学习笔记
2016-10-06 17:56
453 查看
通过<head>来告诉浏览器关于web页面的信息。
<title>总出现在浏览器窗口的顶部。
<body>是你看到的东西。
css在html文件中嵌套：<style type=“text/css”>xxx</style>
使用<a>元素创建一个超文本链接，链接到另一个web页面；<a>元素的内容会成为web页面中可单击的文本；href属性告诉浏览器链接的目标文件。
H5支持定制数据属性，允许为新属性构造定制的属性名。
href：“超文本引用”（hypertext reference），就是互联网或者你的计算机上的一个资源的别称，href可以指向各种资源的。
如果把一个<img>元素放在<a>元素之间，则这个图像也就像文本一样可单击。
href可以指向相对路径也可以指向绝对路径。相对路径是相对于连接的源web页面指向网站中其他文件的一个链接。
为网站选的文件名和文件夹中不要使用空格。
<q>内联引用
<blockquote>块引用
<br>换行（全写：<br></br>）.
如果一个元素设计为没有任何实际内容，我们就是用它的简写来表示这个元素。这些元素叫做void元素。
<ol>与<ul>被设计为只能包含<li>元素。
HTML中字符实体清单：http://www.unicode/org/charts/
使用适宜的时候用其编号也是可以的：w3cschools上有
www.shorewb.com www 是域中的一个特定服务器的名字；shorewb.com才是域名，域名可以用于多个网站
FTP命令：
dir：得到当前目录的文件列表
cd
pwd
put <filename>：将指定的文件传送到服务器
get <filename>：从服务器获取指定的文件，传回你的计算机
用/来表示根文件夹
URL：统一资源定位符，是一个全局地址，可以定位web上的任意资源，包括html页面、音频、视频和其他形式的web内容。除了指定资源的位置，URL还可以指定用来获取资源的协议。
http://www.shorewb.com/index.html
http是指获取资源的协议，http协议在web上传输超文本文档的协议
www.shorewb.com是网站名
index.html是从根文件夹到资源的绝对路径（告诉服务器如何从你的根文件夹到达某个指定的页面或文件）
所有web服务器看到的都是绝对路径。有浏览器根据相对路径生成绝对路径。
如果请求一个目录的时候，它会尝试查找这个目录中的一个默认文件。通常默认文件名为“index.html”或是“default.htm”（取决于你的托管公司使用哪种web服务器），如果服务器找到这样一个文件，就会把它返回给浏览器显示。
就算你请求的没有“/”，而且这个目录确实存在，服务器就会帮你加上末尾的斜线。
URL不仅可以在浏览器中输入，还可以在html文件中使用。可以把URL放在一个<a>元素中。
应当使用相对链接来链接同一个网站中的页面，而是用URL来链接其他网站上的页面。
当浏览器从你的计算机本地读取文件时会使用file协议。如果要输入一个文件URL，则要注意URL有三个斜线而不是两个。可以这样来记：如果删去http URL中的网站名，那么也会有三个斜线。
还有其他协议：FTP、mail。
：8080是一个可以放在HTTP URL中的可选的端口。通常web上的所有东西都会传送到默认的端口，不过有时web服务器会配置为在另一个不同的端口来接受请求。正常的web服务器几乎都在端口80接收请求，如果没有指定端口，则默认为80。
<a>元素有一个title属性就是用来提供链接信息的。
href=“index.html#chai”会跳转到指定的id处。
在所有的元素中，属性的顺序不是那么重要。
可以为任何元素添加title属性；可以为任何元素添加id属性。
链接到一个新窗口：target=“_blank”。target属性告诉浏览器在哪里打开href中链接只是的web页面。如果没有target，那么就会在同一窗口中打开这个链接。如果目标是”_blank”就会在一个新窗口中打开链接。如果指定了一个名字（eg.shorewb，则总会在这个shorewb窗口中打开web页面）
浏览器在看到一个<img>元素时，会做不同的处理，浏览器在页面中显示图像之前，要先获取到这个图像。
JPEG不支持透明度。
scr属性不只可以用于相对链接，还可以放上URL。Web上每幅图像都有自己的URL。
<img>元素属性：
src
alt
width（px）
height（px） 如果没有指定宽度和高度，则浏览器在页面中显示这个图像之前会自动确定图像的大小。
<img>元素是内联元素，在显示的时候不会在元素前后自动的插入换行。
一旦把<img>元素放在一个<a>元素中，浏览器就会把这个图像当做一个可点击的链接。
H5的doctype：<!doctype html>
一定要物尽其用，使用最合适的元素完成它最擅长的工作。
在H5中使用一个<meta>来指定字符编码： <meta charset=“utf-8”>。为服务器提供的文件要与<meta>标记中指定的编码一致。在HTML 4.01中：<meta http-equiv=“Content-Type” content="text/html;charset=utf-8">
写HTML页面的时候必须要写doctype和指定字符集。
<head>包含有关页面的信息。所以<meta>标记放在<head>元素中。
HTML指南
一定要以<doctype>开头
在<doctype>元素之后，开始你的<html>
只有<head>和<body>能放在<html>中，所有其他元素必须放在<head>和<body>中
在<head&g
a6a6
t;中指定正确的字符编码。
一定要在<head>中包含一个<title>元素。只能在<head>元素中放置<title>、<meta>、<style>元素。（看来script元素应该放在<body>中）
不要把<a>元素嵌套在另一个<a>元素中。不允许在空元素中嵌套其他元素。
在<style></style>中写css。
CSS中对两个元素进行选择：在两个元素中间加逗号 ：“，”。eg（h1,h2{})
<link>元素可以用来向html文件中添加外部样式表。用法：<link type=“text/css” rel=“stylesheet” href=“XXX.css">
使用link元素“链入”外部信息
type说明外部信息的类型
rel指定了HTML文件与所连接文件之间的关系。这里连接到一个样式表，所以使用值“stylesheet”。
样式表路径放在href中。（可以是相对路径也可以是一个url）。
改变字体的样式是”font-family"
CSS注释: /*xxx*/
html注释：<!—xxx—>
创建一个类有两步：
首先为HTML中的元素增加一个class属性，这样就把这个元素加入到这个类中了。
在CSS中选择这个类（使用点号 “.”）
CSS中选择属于某个类的元素： p.greentea（元素名.类名）
在CSS中选择属于某个类的所有元素：.greentea（.类名）
元素可以加入多个类。eg：<p class=“greentea redtea blueberry”>类名之间用空格隔开。
<title>总出现在浏览器窗口的顶部。
<body>是你看到的东西。
css在html文件中嵌套：<style type=“text/css”>xxx</style>
使用<a>元素创建一个超文本链接，链接到另一个web页面；<a>元素的内容会成为web页面中可单击的文本；href属性告诉浏览器链接的目标文件。
H5支持定制数据属性，允许为新属性构造定制的属性名。
href：“超文本引用”（hypertext reference），就是互联网或者你的计算机上的一个资源的别称，href可以指向各种资源的。
如果把一个<img>元素放在<a>元素之间，则这个图像也就像文本一样可单击。
href可以指向相对路径也可以指向绝对路径。相对路径是相对于连接的源web页面指向网站中其他文件的一个链接。
为网站选的文件名和文件夹中不要使用空格。
<q>内联引用
<blockquote>块引用
<br>换行（全写：<br></br>）.
如果一个元素设计为没有任何实际内容，我们就是用它的简写来表示这个元素。这些元素叫做void元素。
<ol>与<ul>被设计为只能包含<li>元素。
HTML中字符实体清单：http://www.unicode/org/charts/
使用适宜的时候用其编号也是可以的：w3cschools上有
www.shorewb.com www 是域中的一个特定服务器的名字；shorewb.com才是域名，域名可以用于多个网站
FTP命令：
dir：得到当前目录的文件列表
cd
pwd
put <filename>：将指定的文件传送到服务器
get <filename>：从服务器获取指定的文件，传回你的计算机
用/来表示根文件夹
URL：统一资源定位符，是一个全局地址，可以定位web上的任意资源，包括html页面、音频、视频和其他形式的web内容。除了指定资源的位置，URL还可以指定用来获取资源的协议。
http://www.shorewb.com/index.html
http是指获取资源的协议，http协议在web上传输超文本文档的协议
www.shorewb.com是网站名
index.html是从根文件夹到资源的绝对路径（告诉服务器如何从你的根文件夹到达某个指定的页面或文件）
所有web服务器看到的都是绝对路径。有浏览器根据相对路径生成绝对路径。
如果请求一个目录的时候，它会尝试查找这个目录中的一个默认文件。通常默认文件名为“index.html”或是“default.htm”（取决于你的托管公司使用哪种web服务器），如果服务器找到这样一个文件，就会把它返回给浏览器显示。
就算你请求的没有“/”，而且这个目录确实存在，服务器就会帮你加上末尾的斜线。
URL不仅可以在浏览器中输入，还可以在html文件中使用。可以把URL放在一个<a>元素中。
应当使用相对链接来链接同一个网站中的页面，而是用URL来链接其他网站上的页面。
当浏览器从你的计算机本地读取文件时会使用file协议。如果要输入一个文件URL，则要注意URL有三个斜线而不是两个。可以这样来记：如果删去http URL中的网站名，那么也会有三个斜线。
还有其他协议：FTP、mail。
：8080是一个可以放在HTTP URL中的可选的端口。通常web上的所有东西都会传送到默认的端口，不过有时web服务器会配置为在另一个不同的端口来接受请求。正常的web服务器几乎都在端口80接收请求，如果没有指定端口，则默认为80。
<a>元素有一个title属性就是用来提供链接信息的。
href=“index.html#chai”会跳转到指定的id处。
在所有的元素中，属性的顺序不是那么重要。
可以为任何元素添加title属性；可以为任何元素添加id属性。
链接到一个新窗口：target=“_blank”。target属性告诉浏览器在哪里打开href中链接只是的web页面。如果没有target，那么就会在同一窗口中打开这个链接。如果目标是”_blank”就会在一个新窗口中打开链接。如果指定了一个名字（eg.shorewb，则总会在这个shorewb窗口中打开web页面）
浏览器在看到一个<img>元素时，会做不同的处理，浏览器在页面中显示图像之前，要先获取到这个图像。
JPEG不支持透明度。
scr属性不只可以用于相对链接，还可以放上URL。Web上每幅图像都有自己的URL。
<img>元素属性：
src
alt
width（px）
height（px） 如果没有指定宽度和高度，则浏览器在页面中显示这个图像之前会自动确定图像的大小。
<img>元素是内联元素，在显示的时候不会在元素前后自动的插入换行。
一旦把<img>元素放在一个<a>元素中，浏览器就会把这个图像当做一个可点击的链接。
H5的doctype：<!doctype html>
一定要物尽其用，使用最合适的元素完成它最擅长的工作。
在H5中使用一个<meta>来指定字符编码： <meta charset=“utf-8”>。为服务器提供的文件要与<meta>标记中指定的编码一致。在HTML 4.01中：<meta http-equiv=“Content-Type” content="text/html;charset=utf-8">
写HTML页面的时候必须要写doctype和指定字符集。
<head>包含有关页面的信息。所以<meta>标记放在<head>元素中。
HTML指南
一定要以<doctype>开头
在<doctype>元素之后，开始你的<html>
只有<head>和<body>能放在<html>中，所有其他元素必须放在<head>和<body>中
在<head&g
a6a6
t;中指定正确的字符编码。
一定要在<head>中包含一个<title>元素。只能在<head>元素中放置<title>、<meta>、<style>元素。（看来script元素应该放在<body>中）
不要把<a>元素嵌套在另一个<a>元素中。不允许在空元素中嵌套其他元素。
在<style></style>中写css。
CSS中对两个元素进行选择：在两个元素中间加逗号 ：“，”。eg（h1,h2{})
<link>元素可以用来向html文件中添加外部样式表。用法：<link type=“text/css” rel=“stylesheet” href=“XXX.css">
使用link元素“链入”外部信息
type说明外部信息的类型
rel指定了HTML文件与所连接文件之间的关系。这里连接到一个样式表，所以使用值“stylesheet”。
样式表路径放在href中。（可以是相对路径也可以是一个url）。
改变字体的样式是”font-family"
CSS注释: /*xxx*/
html注释：<!—xxx—>
创建一个类有两步：
首先为HTML中的元素增加一个class属性，这样就把这个元素加入到这个类中了。
在CSS中选择这个类（使用点号 “.”）
CSS中选择属于某个类的元素： p.greentea（元素名.类名）
在CSS中选择属于某个类的所有元素：.greentea（.类名）
元素可以加入多个类。eg：<p class=“greentea redtea blueberry”>类名之间用空格隔开。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Head First HTML & CSS 学习笔记（1）
- Head first HTML&CSS ---[学习笔记第七章]
- Head first HTML&CSS ---[学习笔记第五章]
- Head first HTML&CSS ---[学习笔记第一章]
- Head first HTML&CSS ---[学习笔记第四章]
- Head first HTML&CSS ---[学习笔记第六章]
- Head first HTML&CSS ---[学习笔记第三章]
- Head first HTML&CSS ---[学习笔记第二章]
- Head First HTML&CSS 笔记(2)-定位与布局
- Head First HTML & CSS chapter 8 ，9，10 ：开始学习CSS， 字体和颜色设置， 盒模型
- Head First HTML与CSS 学习笔记
- 《Head first html&css》笔记
- Head First HTML&CSS 笔记(1)
- head first html with css with xhtml 学习小笔记
- Head First HTML 与 CSS 学习笔记
- <Head First Java>学习笔记--第四章：方法操作实例变量 对象的行为
- Head First PHP&MySQL学习笔记(二)
- Head First PHP&MySQL学习笔记(一)
- <Head First Java>学习笔记--第五章：编写程序
- 张孝祥javascript学习笔记1---HTML&CSS