headfristhtml与css基础入门第一章内容.pptxVIP

了解HTML 课程内容 Web语言 HTML案例 Web语言 HyperText Markup Language 超文本标记语言，简写为：HTML Web的工作原理 Web服务器 要制作网页就要创建HTML编写的文件,并将它们放到服务器上。 浏览器会从你网页html中了解到显示你网页所需要的所有类容。 Web浏览器 Web服务器 Web浏览器发送需要html页面或其他需求的请求 服务器提供网页，并把他们传输给浏览器 浏览器接收网页 浏览器显示HTML页面 案例 html xmlns=/1999/xhtml head titleHTML第一课/title /head body h1欢迎来到HTML课堂/h1 !--告诉浏览器这是一个标题-- img src=开学啦.png p 网络营销课程是网络营销培训机构为做网络营销的组织进行培训所设计的课程。网络营销课程内容一般应包括网络营销定位、em营销型网站建设/em、网络推广、运营服务和网络营销管理。 /p h2针对人群/h2 p 不同的网络营销培训机构针对不同的网络营销学员，所设计课程具有不同的特点。 /p /body /html 告诉浏览器HTML从这里开始 页面“头”开始 给页面一个标题 问答 HTML第一课中有很多缩进和空格，但在浏览器中却看不到他们，这是为什么？ 为什么有两级标题？H1,h2 有没有把自己的注释放到HTML中的方法？ 用标记!--和--把他们括起来，也可以写成多行，浏览器就会把他们全部忽略掉。 剖析标记 h1小店咖啡/h1 标题开始 标题结束 使用标记告诉浏览器“小店咖啡”这个高级标题 整个语句称为一个元素，在这里我们称其为H1元素。一个元素由闭合标记及他们之间的内容组成 标记 用包围文本的成对标记告诉浏览器网页的结构。 元素=开始标记+内容+结束标记 问答题 匹配标记不需要放在同一行？ 我发现某些页中的html有时没有用来匹配开始标记和结束标记，为什么？ 一个元素就是开始标记+内容+结束标记，不能在其他标记中嵌入标记吗？就像头部和主体都在html中 练习 撰写一个咖啡小店服务宗旨的页面 服务宗旨为：小店咖啡，提供你所需的咖啡因，让你更具活力，喝吧！ 使用css Style元素嵌入 background-color: #d2b48c; margin-left:20%; margin-right:20%; border:1px dotted gray; padding:10px 10px 10px 10px; font-family:sans-serif; 指定背景颜色为土黄色 左右设置为等边占页面的20% 指定主体周围的边框线为点式且颜色为灰色 在页面主体周围创建某种填充 指定文本使用的字体 练习 为coffe mission创建css样式 指定背景颜色为蓝色 左右设置为等边占页面的20% 指定主体周围的边框线为点式且颜色为灰色 在页面主体周围创建某种填充 指定文本使用的字体 小结 HTML和css是用来创建网页的语言 Web服务器存储并提供由html和css创建的网页，浏览器接收网页并基于html和css显示其中的内容 HTML是超文本标记语言的缩写，用来结构化网页 Css是级联样式表（cascading style sheet）的缩写,用来控制html的外观 我们使用html来标记内容，用标记提供结构，我们称匹配标记和他们之间的内容为元素 一个元素由三个部分组成：一个开始标记，内容和一个结束标记。 开始标记可以拥有属性 。Eg；type 写进body元素的内容就是在浏览器中所能看见的东西 浏览器忽略大多数空白（制表符，回车，空格），但是可以用他们让你的html更具有可读性 通过在style元素中输入css规则，给html网页添加css. style元素通常嵌在head元素中 在HTML中用css指定每个元素的样式特性 END