Head First HTML 与 CSS 第一章web语言学习笔记

一、了解web怎么工作的

1.写了一个web页面,把它储存在web服务器上,那么全世界的浏览器都可以向web服务器发送请求来访问这个页面。

2.浏览器向web服务器发送请求(页面、图片、视频、音频等),服务器查找资源,找到则返回给浏览器。

3.当浏览器请求的是web页面的时候,web服务器返回的是一个html文件,那么浏览器如何把html转化为我们平时所看见的直观的页面的呢,这就是html和css的功能了,如下。

二、关于html与css

1、html 和css 是两种完全不同的语言,他们共同来创建一个web页面,html来告诉浏览器网页的结构,css(层叠样式表)来控制html的表现形式。总的来说,浏览器将页面的内容以html标记控制的结构,根据css叙述的样式展现出来。

2、元素 = 开始标记 + 内容 + 结束标记 

    开始标记与结束标记是相匹配的

     开始标记 <标记名>     结束标记</标记名>

    有的特殊情况无结束标记 ,例如<img>

     开始标记内可以有属性,如 <p id="u">.....</p>  以及css中的style元素

3、html 必须包含一个html元素,<html> 元素中又包含一个<head>元素和一个<body>元素,编写是要分开首部和主体

首部里的是关于页面的信息,注意是关于而非显示,例如其中的<style>元素,是关于这个页面的样式信息,让html的结构以这种样式显示,而不是将style元素中的内容显示在页面上。

主体里就是将会显示在页面上的内容,大多数空白符是被浏览器忽略的。

4、CSS层叠样式表的样式可以(但不一定,后面学)写在style元素中,style元素的属性type只有一个值"text/css",style元必须放在头部里面!关于CSS具体的语法后面会讲,如body{ },各值background-color,padding等。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值