网站建设教程_20141119剖析.pdf

W3School 网站建设教程 来源： www.w3cschool.cc 整理：飞龙 日期：2014 .11.19 WWW 指南-万维网联盟(World Wide Web) WWW - 万维网联盟 WWW通常称为网络。 web是一个世界各地的计算机网络。 电脑在Web上使用标准语言沟通。 万维网联盟 （W3C ）制定了Web标准 什么是WWW ？ WWW 代表 World Wide Web(万维网) 万维网常常被称为 网络 网络是世界各地的计算机网络 网络中的所有电脑可以相互沟通 所有的计算机使用HTTP的通信标准 万维网如何工作？ 信息存储的文件称为网页 Web页面存储在Web服务器上。 阅读网页的计算机被称为Web客户端 Web客户端查看网页的程序称为Web浏览器 行的浏览器有Internet Explorer，Chrome和火狐等。 浏览器如何获取网页？ 一个浏览器通过请求从服务器上获取的网页数据 标准的HTTP请求包含一个网页地址 网页地址实例: http://www.w3cschool.cc 浏览器如何显示页面？ 所有的网页包含如何显示的说明 浏览器通过过阅读这些说明显示页面。 最常见的显示指令被称为HTML标签 HTML中段落的标签为： p 在HTML中，段落是这样定义的: p这是段落。/p 是谁在做Web标准？ Web标准并不是谷歌或微软在做 制定Web规则的机构是W3C W3C表示万维网联盟 W3C 制定的web标准规范。 最重要的Web标准是HTML，CSS和XML HTML 指南 HTML - 超文本标记语言 (Hyper Text Markup Language) HTML是建设网站/ 网页制作主要语言。 HTML是一种易于学习的标记语言。 HTML使用像 p 尖括号内标记标签来定义网页的内容： HTML 实例 html body h1My First Heading/h1 pMy first paragraph./p /body /html 点击 尝试一下 按钮查看实例。 HTML使用开始标记和结束标记来标记一个网页元素，：在上面的例子，p标签标志着一个段落开始，/p标志着该段末尾。 通过使用简单的HTML标签，网页设计师可以为一个网页 （HTML文档）添加标题，段落，文字，表格，图片，列表，编程代码等。 Web浏览器 （IE浏览器，火狐，Chrome等）读取HTML文档，解释HTML标记，并显示正确用户可读的内容 （不显示HTML标签）： 根据HTML标准，HTML可用于定义网页的内容。/p 要定义视觉样式 （颜色，大小，外观，布局等），应使用CSS （层叠样式表） （见下一章）。 如何 学习 HTML? W3CSchool提供了完整的HTML教程，你可以学到所有关于HTML的知识。 HTML学习简单 - 你会喜欢上它的。 学习我们的 完整的 HTML 教程 学习我们的 完整的 HTML 参考手册 CSS 指南 CSS - 层叠样式表(Cascading Style Sheets) CSS定义如何显示HTML元素。 CSS 描述了HTML元素的可视化样式(外观，布局，颜色，字体) 。 CSS是单独设计的文件 （从而大大提高HTML的灵活性和减少HTML的复杂性）。 CSS简单易学。你可以把一个HTML元素当作选择器，并在大括号内的列出样式属性 CSS 实例 body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; } p { font-family:Times New Roman; font-size:20px; } 点击 尝试一下 按钮，查看在线实例 样式表极大地提高了工作效率 样式表定义如何显示 HTML 元素，诸如 HTML