第一章 开始了解HTML——Web语言
HTML(Hyper Markup Language 超文本标记语言)
目录
一、Web的工作原理
1.创建用HTML编写的文件,并把它们放到Web服务器上
2.一旦把文件上传到Web服务器,任何浏览器都可以通过互联网找到该网站
3.浏览器会从网页的HTML中了解到显示网页所需要的所有内容(也可以用PDA或者其他设备来浏览)
二、Web服务器
一台连接到互联网的计算机,存有HTML、图片、声音及其它类型的文件,等待处理用户的请求。
浏览器发送需要HTML页面或其他资源的请求;如果服务器能找到资源,则把它发送给浏览器。
三、Web浏览器
浏览器阅读HTML时,会解析包围文本的所有标记,按照默认的规则来显示每个元素。
标记:用尖括号括起来的字母或单词,告诉浏览器文本的结构和意义,如:<head>、<p>
可以通过CSS来添加自己的样式和格式规则,从而决定字体、颜色、大小及其他个性化的特征。
注释:<!-- -->
四、HTML格式
<html> </html>标记包围HTML
头部:<head> </head>
包含网页的信息,如:标题(<title> </title>)
主体:<body> </body>
包含网页所有内容和结构(在浏览器中看到的部分)
五、标记
通常由尖括号和标记号组成
开始标记、结束标记
一对开始标记和结束标记——匹配标记
元素=开始标记+内容+结束标记
可以在标记中嵌入标记
有一些只用一个标记作为速记符号的元素
元素可以拥有属性:属性为一个元素提供附加信息
六、样式元素
<style>元素
放在HTML头部中
<style>标记需要一个名为type的属性,告诉浏览器所使用样式的种类(如:使用CSS "text/css")
七、CSS
CSS:级联样式表(Cascading Style Sheet)
body{}:所有CSS将应用于HTML<body>元素中的内容
background-color:背景颜色(十六进制编码)
margin:边界
border:主体周围的边框线
padding:在页面主体周围创建某种填充
font-family:字体
八、要点
- HTML和CSS都是用来创建网页的语言
- Web服务器存储并提供有HTML何CSS创建的网页。浏览器接受网页并给基于HTML和CSS显示其中的内容。
- HTML是超文本标记语言(HyperText Markup Language)的缩写,用来结构化网页。
- CSS是级联样式表(Cascading Style Sheet)的缩写,用来控制HTML的外观。
- 我们使用HTML来标记内容,用标记提供结构。我们称匹配标记和它们之间的内容为元素。
- 一个元素由以下三个部分组成:一个开始标记、内容和一个结束标记。有些元素(如<img>)是例外。
- 开始标记可以拥有属性。
- 结束标记的左尖括号之后,标记名之前有一个"/",用来区别于开始标记。
- 网页通常有一个<html>元素,并伴随有一个<head>元素和一个<body>元素。
- 网页的信息来源于<head>元素。
- 写进<body>元素的内容就是在浏览器中所能看见的东西。
- 浏览器忽略大多数的空白(制表符、回车、空格),但是可以用它们让你的HTML更具有可读性。
- 通过在<style>元素中输入CSS规则,给HTML网页添加CSS。<style>元素通常嵌在<head>元素中。
- 在HTML中用CSS指定每个元素的样式和特性。