HTML和CSS(一)

第一章 开始了解HTML——Web语言

HTML(Hyper Markup Language 超文本标记语言)


目录

第一章 开始了解HTML——Web语言

 一、Web的工作原理

二、Web服务器

三、Web浏览器

四、HTML格式

五、标记

六、样式元素

七、CSS

八、要点


 一、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:字体

八、要点

  1. HTML和CSS都是用来创建网页的语言
  2. Web服务器存储并提供有HTML何CSS创建的网页。浏览器接受网页并给基于HTML和CSS显示其中的内容。
  3. HTML是超文本标记语言(HyperText Markup Language)的缩写,用来结构化网页。
  4. CSS是级联样式表(Cascading Style Sheet)的缩写,用来控制HTML的外观。
  5. 我们使用HTML来标记内容,用标记提供结构。我们称匹配标记和它们之间的内容为元素。
  6. 一个元素由以下三个部分组成:一个开始标记、内容和一个结束标记。有些元素(如<img>)是例外。
  7. 开始标记可以拥有属性。
  8. 结束标记的左尖括号之后,标记名之前有一个"/",用来区别于开始标记。
  9. 网页通常有一个<html>元素,并伴随有一个<head>元素和一个<body>元素。
  10. 网页的信息来源于<head>元素。
  11. 写进<body>元素的内容就是在浏览器中所能看见的东西。
  12. 浏览器忽略大多数的空白(制表符、回车、空格),但是可以用它们让你的HTML更具有可读性。
  13. 通过在<style>元素中输入CSS规则,给HTML网页添加CSS。<style>元素通常嵌在<head>元素中。
  14. 在HTML中用CSS指定每个元素的样式和特性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值