精通HTML+CSS网页开发与制作 - (EPUB全文下载)
文件大小:0.63 mb。
文件格式:epub 格式。
书籍内容:
精通HTML+CSS网页开发与制作
第1章 初识HTML与CSS
第2章 HTML的基本标签
第3章 列表、表格和框架
第4章 表单
第5章 初识CSS
第6章 美化网页元素
第7章 盒子模型
第8章 浮动
第9章 定位网页元素
第10章 项目案例
版权声明
第1章 初识HTML与CSS
本章简介
在网络时代的主流下,各种信息的获得途径,不论是PC端,还是移动端,基本上都是以Web页面为基础来呈现的,因此Web页面呈现信息已成为各种信息共享的主要形式。而HTML(Hyper Text Markup Language,超文本置标语言)则是创建Web页面的基础。本书将从HTML文件的基本结构、语法来展开,然后介绍使用HTML标签制作简单的网页,最后使用DIV+CSS制作精美的商业网站。
本章将讲解HTML的基础内容,给大家打下一个牢固的基础,即本章的重点内容是HTML文件的基本结构和W3C标准,以及制作网页时常用的基本标签。
本章工作任务
学习HTML和CSS
制作简单的网页
本章技能目标
掌握HTML的基本概念
掌握HTML的基本语法和结构
背诵英文单词
请在预习时找出下列单词在教材中的用法,了解它们的含义和发音,并填写于横线处。
head
title
body
strong
target
href
预习并回答以下问题
1.什么是W3C标准?为什么要遵循这一标准?
2.制作网页用到的基本标签有哪些?它们的作用是什么?
3.如何在网页中插入一张图片,并且当鼠标移至图片上时出现图片说明文字?
1.1 HTML基本概念
互联网上的信息是以网页的形式呈现给用户的,因此,网页是网络信息传递的载体。
网页文件是用一种标签语言书写的,这种语言称为HTML(Heyper Text Markup Language,超文本标记语言),是用来描述网页文档的一种置标语言。HTML文件以.htm或.html为扩展名。
1.1.1 什么是HTML
HTML不是一种编程语言,而是一种描述性的标记语言(Markup Language),用于描述网页的内容和结构。HTML最基本的语法是:
标签通常是成对出现,有一个开始标签就对应有一个结束标签。结束标签只是在开始标签的前面加一个斜杠“/”。当浏览器收到HTML文件后,就会解释里面的标签,然后把标签相对应的功能表达出来,从而显示浏览网页的内容。
例如,在HTML中,用
标签来定义一个文章的标题,用
标签来定义一个换行符。当浏览器遇到
xxx
标签时,会把该标签中的内容(xxx)自动形成一个标题。当遇到
标签时会自动换行,标签中的“/”可以省略,但为了代码的规范性,一般建议加上。
1.1.2 HTML的发展历程
HTML主要用于描述超文本中内容的显示方式。标记语言从诞生到今天,经历了二十几年的不断更新与改进,已经越来越完善,经历的版本及发布日期如表1.1所示。
表1.1 HTML发展史
1.1.3 HTML与XHTML的重要区别
通过HTML的发展历史,可以知道这套语言有两个版本,即XHTML和HTML。虽然目前浏览器都兼容HTML,但是为了使网页能够符合标准,应该尽量使用XHTML规范来编写代码,需要注意的事项有:
(1)在XHTML中,标签名必须小写。在HTML中,标签名称可以大写,也可以小写。
(2)在XHTML中,属性名称必须小写。在HTML中,属性名称不区分大小写。
(3)在XHTML中,标签必须严格嵌套。在HTML中,对标签的嵌套没有严格的规定。
(4)在XHTML中,标签必须封闭。在HTML中,标签不封闭也是正确的,即标签可以不成对出现。例如,“
我没有结束标记”和“
我有开始标记和结束标记
”,在浏览器中显示的结果是完全相同的;但是,在XHTML中,第一条语句是不被允许的(不能正常显示),必须像第二条语句那样,严格地使标签封闭。
(5)在XHTML中,即使是空元素的标签也必须封闭。这里说的空标签,就是指那些像
等不对称的标签,它们也必须闭合,在HTML中,这类标签书写为或均是正确的;但在XHTML规范中,必须写为才正确。
(6)在XHTML中,属性值必须使用双引号引起来。在HTML中,属性值可以不必使用双引号。
(7)在XHTML中,属性值必须使用完整形式。在HTML中,一些属性经常使用简写方式设定属性值,如;而在XHTML中,必须完整地写为。
1.1.4 HTML文件基本结构
完整的HTML结构包括头部、主体等,页面的各部分内容都在对应的标签中。
一个HTML文件的基本结构如示例1.1所示。
示例1.1:
1.DOCTYPE声明
DOCTYPE是用来声明文档类型的,声明文档为HTML文档结构,用来检验是否符合Web相关标准,同时告诉浏览器使用哪种规范来解释这个文档中的代码。DOCTYPE声明必须位于HTML文档的第一行。
2.标签
标签是HTML语言中最基本的单位,一个网页以标签开始、以标签结束。
3.
标签用于定义文档的头部,是所有头部元素的容器。标签中的元素可以引用脚本,指示浏览器在哪里找到样式表,提供元信息等。文档的头部描述了文档的各种属性和信息,绝大多数文档头部包含的数据都不会真正作为内容显示给用户。
4.
在浏览器中的效果如图1.1所示。
图1.1
5.
以上为书籍内容预览,如需阅读全文内容请下载EPUB源文件,祝您阅读愉快。
书云 Open E-Library » 精通HTML+CSS网页开发与制作 - (EPUB全文下载)