HTML CSS JavaScript 网页制作从入门到精通 第3版 - (EPUB全文下载)

文件大小:0.38 mb。
文件格式:epub 格式。
书籍内容:

HTML CSS JavaScript 网页制作从入门到精通 第3版
第01章 HTML基础
第02章 HTML基本标记
第03章 建立超链接
第04章 使用图像
第05章 使用列表
第06章 使用表格
第07章 使用表单
第08章 添加多媒体
第09章 HTML 5入门基础
第10章 HTML 5的结构
第11章 HTML 5开发实战
第12章 使用CSS样式表
第13章 Web标准与CSS网页布局实例
第14章 CSS3移动网页设计基础
第15章 JavaScript脚本基础
第16章 利用JavaScript制作网页特效
第17章 在Dreamweaver中编辑HTML网页
第18章 个人博客网站布局
第19章 企业网站设计
看完了
第01章 HTML基础
在当今社会中,网络已成为人们生活的一部分,网页设计技术是学习计算机的重要内容之一。目前许多网页都采用可视化网页编辑软件来制作的,但是无论采用哪一种网页编辑软件,最后都是将所设计的网页转化为HTML。HTML是搭建网页的基础语言,如果不了解HTML,就不能灵活地实现想要的网页效果。本章就来介绍HTML的基本概念和编写方法,以及浏览HTML文件的方法,使读者对HTML有个初步的了解,从而为后面的学习打下基础。
学习目标
了解HTML的基本概念
掌握HTML文件的编写方法
掌握使用浏览器浏览HTML文件
1.1 HTML的基本概念
HTML的英文全称是Hyper Text Markup Language,即网页超文本标记语言,也是全球广域网上描述网页内容和外观的标准。
1.1.1 HTML简介
HTML作为一款标记语言,本身不能显示在浏览器中。经过浏览器的解释和编译,才能正确地反映HTML标记语言的内容。HTML从1.0到5.0经历了巨大的变化,从单一的文本显示功能到多功能互动,经过多年的完善,已经成为了一款非常成熟的标记语言。
HTML不是一款编程语言,而是一款描述性的标记语言,用于描述超文本中内容的显示方式。如文字以什么颜色、大小来显示等,这些都是利用HTML标记完成的。其最基本的语法就是:<标记符>内容。标记符通常都是成对使用,有一个开头标记和一个结束标记。结束标记只是在开头标记的前面加一个斜杠“/”。当浏览器收到HTML文件后,就会解释里面的标记符,然后把标记符相对应的功能表达出来。
如在HTML中用标记符来定义文字为斜体,用标记符来定义文字为粗体。当浏览器遇到标记时,就会把标记中的所有文字以斜体样式显示出来。遇到标记时,就会把标记中的所有文字以粗体样式显示出来。
1.1.2 HTML文件的基本结构
完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象,这些对象统称为HTML元素。一个HTML文件的基本结构如下。

文件开始标记文件头开始的标记
……文件头的内容
文件头结束的标记
文件主体开始的标记
……文件主体的内容
文件主体结束的标记
文件结束标记
从上面的代码可以看出,在HTML文件中,所有的标记都是成对的,开头标记为<>,结束标记为,在这两个标记中间添加内容。
1.1.3 认识HTML标记
HTML是超文本标记语言,主要通过各种标记来标示和排列各对象,通常由尖括号“<”“>”和其中所包含的标记元素组成。
在HTML中,所有的标记都是成对出现的,而结束标记总是在开始标记前增加一个“/”。标记与标记之间还可以嵌套,也可以放置各种属性。此外,在源文件中标记是不区分大小写的。
HTML定义了以下4种标记,用于描述页面的整体结构。
:告知浏览器文档所使用的HTML规范。
标记:把它放在HTML的开头,表示网页文档的开始。
标记:出现在文档的起始部分,标明文档的头部信息,一般包括标题和主题信息,其结束标记指明文档标题部分的结束。
标记:用来指明文档的主体区域,网页所要显示的内容都放在这个标记内,其结束标记指明主体区域的结束。
1.2 HTML文件的编写方法
HTML文件的编写方法有两种:一种是利用记事本编写;另一种是在Dreamweaver中编写HTML代码。
1.2.1 使用记事本手工编写HTML
HTML是一款以文字为基础的语言,并不需要什么特殊的开发环境,直接在Windows自带的记事本中编写就可以。HTML文档以.html为扩展名,将HTML源代码输入到记事本并保存之后,可以在浏览器中打开文档以查看其效果。使用记事本编写HTML文件的具体操作步骤如下。
01 选择菜单中的【开始】|【所有程序】|【附件】|【记事本】命令,打开一个记事本,在记事本中即可编写HTML代码,如图1.1所示。
图1.1 编辑HTML代码
02 当编辑完HTML文件后,选择菜单中的【文件】|【保存】命令,弹出【另存为】对话框,将它存为扩展名为.htm或.html的文件即可,如图1.2所示。
图1.2 【另存为】对话框
03 单击【保存】按钮,保存文档。打开网页文档,在浏览器中预览效果,如图1.3所示。
图1.3 浏览效果
提示
任何文字处理器都可以用来处理HTML代码,但必须记住,要以.html的扩展名对其加以保存。
1.2.2 使用Dreamweaver编写HTML文件
使用Dreamweaver创建HTML文件,具体操作步骤如下。
01 打开Dreamweaver软件,新建一个文档,单击文档中的【代码】按钮,打开代码视图,在代码视图中可以输入HTML代码,如图1.4所示。
图1.4 编辑代码
02 输入代码完成后,切换到设计视图,效果如图1.5所示。
图1.5 设计视图中的效果
1.3 使用浏览器浏览HTML文件
1.3.1 查看页面效果
打开index.h ............

以上为书籍内容预览,如需阅读全文内容请下载EPUB源文件,祝您阅读愉快。

版权声明:书云(openelib.org)是世界上最大的在线非盈利图书馆之一,致力于让每个人都能便捷地了解我们的文明。我们尊重著作者的知识产权,如您认为书云侵犯了您的合法权益,请参考版权保护声明,通过邮件openelib@outlook.com联系我们,我们将及时处理您的合理请求。 数研咨询 流芳阁 研报之家 AI应用导航 研报之家
书云 Open E-Library » HTML CSS JavaScript 网页制作从入门到精通 第3版 - (EPUB全文下载)