资讯专栏INFORMATION COLUMN

《HTML与CSS 第一章 认识HTML》读书笔记

番茄西红柿 / 1358人阅读

摘要:一让广播明星黯然失色要建立页面,需要创建用超文本标记语言,编写的文件,把它们放在一个服务器上二服务器能做什么服务器在互联网上有一份全天候的工作。

一、Web让广播明星黯然失色

    要建立Web页面,需要创建用超文本标记语言(HyperText Markup Language,HTML)编写的文件,把它们放在一个Web服务器上


二、Web服务器能做什么?

  Web服务器在互联网上有一份全天候的工作。

   服务器就是连接到互联网的计算机。

   每个服务器会存储HTML文件、图像、声音和其他类型的文件。

   你在网上冲浪,单击一个链接来访问某个页面。这个单击会导致浏览器向Web服务器请求一个HTML页面


三、你写的代码(HTML)

 

<html><head><title>Head First Loungetitle>head><body><h1>Welcome to the Head First Loungeh1><img src="I:sssimagecoffee_cup.jpg"><p>Join us any evening for refreshing elixirs,
            conversation and maybe a game or 
            two of <em> Dance Dance Revolution em>.
            Wireless access is always provided;
            BYOWS(Bring your own Web server).p><h2>Directionsh2><p>Youll find us right in the center of 
            downtown Webville.Come join us!p>body>html>

View Code

 

 

 

四、浏览器创建的页面

  标记就是尖括号括起来的词或字符,它会告诉浏览器文本的结构和含义。

五、你在Starbuzz咖啡馆交好运了

六、创建Starbuzz Web页面

  

 1 <html> 2     <head> 3         <title>indextitle> 4     head> 5     <body> 6         <p> 7         House Blend,$1.49
 8         A smooth,mild blend of coffees from
 9         Mexico,Bolivia and Guatemala.
10         
11         Mocha cafe Latte,$2.25
12         Espresso,steamed milk and chocolate
13         syrup.
14         
15         Cappuccino,$1.89
16         A mixture of espresso,steamed milk
17         and foam.
18         
19         Chai Tea,$1.85
20         A spicy dring made with black tea,
21         spices,milk and honey
22         p>23     body>24 html>

 

 

 

七、创建一个HTML文件

八、现在,再回到Starbuzz

九、保存你的成果

  创建一个项目文件夹:能描述项目的功能,比如starbuzz

十、在浏览器中打开你的Web页面

十一、测试你的页面

  现在来增加结构:

<html><head><title>indextitle>head>

<body><h1>Starbuzz Coffee Beveragesh1><h2>House Blend,$1.49h2><p>A smooth,mild blend of coffees from
        Mexico,Bolivia and Guatemala.p><h2>Mocha cafe Latte,$2.25h2><p>Espresso,steamed milk and chocolate
        syrup.p><h2>Cappuccino,$1.89h2><p>A mixture of espresso,steamed milk
        and foam.p><h2>Chai Tea,$1.85h2><p>A spicy dring made with black tea,
        spices,milk and honeyp>body>html>

 

 

 

十二、完工了吗?

  编写HTML时要把首部和页面主体分开

十三、另一个测试

十四、标记剖析

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

十五、认识style元素

  CSS是层叠样式表(Cascading Style Sheet)

  

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2044.html

相关文章

  • 001-读书笔记-JavaScript高级程序设计 JavaScript简介

    摘要:由于计算机的国际化,组织的标准牵涉到很多其他国家,因此组织决定改名表明其国际性。规范由万维网联盟制定。级标准级标准是不存在的,级一般指的是最初支持的。 这篇笔记的内容对应的是《JavaScript高级程序设计(第三版)》中的第一章。 1.ECMA 和 ECMA-262 ECMA 是欧洲计算机制造商协会的缩写,全程是 European Computer Manufacturers Ass...

    masturbator 评论0 收藏0
  • CSS设计指南》读书笔记

    摘要:用户代理浏览器给视障用户朗读网页的屏幕阅读器,以及搜索引擎放出的爬虫都是用户代理,它们需要显示朗读和分析网页。小知识属性中的文本会在图片因故未能加载时显示,或者由屏幕阅读器朗读出来。 前言 代码网址:http://www.stylinwithcss.com/ 第一章 HTML标记与文档结构 1.html的含义 HTML 标记内容的目的是为了赋予网页语义(semantic)。就是要给你的...

    sydMobile 评论0 收藏0
  • 002-读书笔记-Vue官网 认识数据指令

    摘要:首先把改成的形式这是一段测试文字绑定最后的显示效果如下,如果要看具体的形式,可以在谷歌人员开发工具中自行查看指令的组成部分经过上面的介绍,应该对指令有一个大概的认识,下面就来对指令的每一项进行说明。 这篇笔记主要用来说明 Vue 中数据的定义和指令的一些特性,后续会做更深入的说明。 1.Vue中的data函数 1-1 使用data函数 由于使用的是单文件组件,因此 Vue 组件中的数据...

    hqman 评论0 收藏0
  • chrome扩展开发之旅 第一

    摘要:扩展及应用介绍与区别介绍支持开发者为其编写各种各样的扩展与应用来扩充其功能。用处安装扩展之后,就会读取扩展中的文件。结语以上就是第一章的总结,接下来的笔记,敬请期待原书项目代码下载扩展及其应用开发 读书笔记介绍 寒假想自己做一个chrome扩展,便从图书馆借了这本书。同时,为了培养自己的好习惯,做沉淀,便读一章写一篇总结,全书总共10章,将会分为10篇博文。欢迎大家多多指正,也希望大家...

    lei___ 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<