《HTML、CSS、JavaScript 网页制作从入门到精通》——第1章 HTML基础1.1 HTML的基本概念-阿里云开发者社区

开发者社区> 异步社区> 正文

《HTML、CSS、JavaScript 网页制作从入门到精通》——第1章 HTML基础1.1 HTML的基本概念

简介:
+关注继续查看

本节书摘来自异步社区《HTML、CSS、JavaScript 网页制作从入门到精通》一书中的第1章,第1.1节,作者:【美】John Resig(莱西格) , Bear Bibeault(贝比奥特) 译者: 徐涛 更多章节内容可以访问云栖社区“异步社区”公众号查看。

第1章 HTML基础

HTML、CSS、JavaScript 网页制作从入门到精通
在当今社会中,网络已成为人们生活的一部分,网页设计技术已成为学习计算机的重要内容之一。目前大部分网页都采用可视化网页编辑软件来制作的,但是无论采用哪一种网页编辑软件,最后都是将所设计的网页转化为HTML。HTML是搭建网页的基础语言,如果不了解HTML,就不能灵活地实现想要的网页效果。本章就来介绍HTML的基本概念和编写方法以及浏览HTML文件的方法,使读者对HTML有个初步的了解,从而为后面的学习打下基础。

学习目标

  • 了解HTML的基本概念
  • 掌握HTML文件的编写方法
  • 掌握使用浏览器浏览HTML文件

1.1 HTML的基本概念

HTML、CSS、JavaScript 网页制作从入门到精通
HTML的英文全称是Hyper Text Markup Language,它是网页超文本标记语言,也是全球广域网上描述网页内容和外观的标准。

1.1.1 HTML简介
HTML作为一款标记语言,本身不能显示在浏览器中。标记语言经过浏览器的解释和编译,才能正确地反映HTML标记语言的内容。HTML从1.0到4.01经历了巨大的变化,从单一的文本显示功能到多功能互动,许多特性经过多年的完善,已经成为了一款非常成熟的标记语言。

HTML不是一款编程语言,而是一款描述性的标记语言,用于描述超文本中内容的显示方式。如文字以什么颜色、大小来显示等,这些都是利用HTML标记完成的。其最基本的语法就是<标记符>内容标记符>。标记符通常都是成对使用,有一个开头标记和一个结束标记。结束标记只是在开头标记的前面加一个斜杠“/”。当浏览器收到HTML文件后,就会解释里面的标记符,然后把标记符相对应的功能表达出来。

如在HTML中用标记符来定义文字为斜体字,用标记符来定义文字为粗体字。当浏览器遇到标记时,就会把标记中的所有文字以斜体样式显示出来。遇到标记时,就会把标记中的所有文字以粗体样式显示出来。

1.1.2 HTML文件的基本结构
完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象,这些对象统称为HTML元素。一个HTML文件的基本结构如下。

< html>文件开始标记

文件头开始的标记
……文件头的内容
head>文件头结束的标记
< body>文件主体开始的标记
……文件主体的内容
body>文件主体结束的标记
html>文件结束标记
从上面的代码可以看出,在HTML文件中,所有的标记都是相对应的,开头标记为<>,结束标记为>,在这两个标记中间添加内容。
**
1.1.3 认识HTML标记**
HTML是超文本标记语言,主要通过各种标记来标示和排列各对象,通常由尖括号“<”、“>”以及其中所包含的标记元素组成。

在HTML中,所有的标记都是成对出现的,而结束标记总是在开始标记前增加一个“/”。标记与标记之间还可以嵌套,也可以放置各种属性。此外,在源文件中标记是不区分大小写的。

HTML定义了以下3种标记,用于描述页面的整体结构。

标记:它放在HTML的开头,表示网页文档的开始。

标记:出现在文档的起始部分,标明文档的头部信息,一般包括标题和主题信息,其结束标记指明文档标题部分的结束。

标记:用来指明文档的主体区域,网页所要显示的内容都放在这个标记内,其结束标记指明主体区域的结束。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
css基础1
Css(实现了页面和样式的彻底分离) 写入样式表的三种方式: 内联样式表,嵌入样式表,外部样式表。 内联样式表的优先级高于嵌入样式表。嵌入式样式表的优先级大于外部样式表 样式表的选择器(通过选择器帮我们获得页面上要获得样式的元素) 写什么标签就拿到了什么标签。
728 0
《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 导读
十多年前,Internet在国内开始流行。其中,网页作为互联网的主要媒介受到了电脑爱好者的广泛关注。由于当时网速的限制,网页主要承载文本、图片等简单数据,使用Dreamweaver或Frontpage软件即可轻松制作网页。
1190 0
【JavaScript框架封装】实现一个类似于JQuery的基础框架、事件框架、CSS框架、属性框架、内容框架、动画框架整体架构的搭建
版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/81055973 ...
874 0
Java面向对象高级--接口的基本概念--------interface、implements
<h1>1、接口:</h1> <div>接口是一种特殊的类,里面全部是由全局常量(static final)和公共的抽象方法(abstract)组成。</div> <div> <img src="http://img.blog.csdn.net/20130925155209156" alt=""><br> </div> <div> <pre name="code" class="j
972 0
谈谈互联网后端基础设施
本文更新于2016.12.12, 加入了扩展章节 对于一个互联网企业,后端服务是必不可少的一个组成部分。抛开业务应用来说,往下的基础服务设施做到哪些才能够保证业务的稳定可靠、易维护、高可用呢?纵观整个互联网技术体系再结合公司的目前状况,个人认为必不可少或者非常关键的后端基础技术/设施如下图所示: Api网关 业务应用和后端基础框架 缓存、数据库、搜索引擎、消息队列 文件存储 统一认证中心 单点登录系统 统一配置中心 服务治理框架 统一调度中心 统一日志服务 数据基础设施 故障监控 扩展 这里的后端基础设施主要指的是应用在线上稳定运行需要依赖的关键组件/服务等。
1413 0
JavaScript实现的网页放大镜效果
今天在观看视频学习的时候,学到了一个小技巧。就拿过来与大家进行分享一下啦。 实现的原理 分析需求:需要两张图,一大一小。然后根据鼠标的动作显示出不同的区域块的图像。 核心:鼠标事件的获取和处理。
1057 0
初识包 | Python从入门到精通:高阶篇之三十八
本节重点介绍了包的概念以及用法优势,将相关的模块放在一个包中,方便管理并且在引用的时候也可以根据需要去引用。
256 0
CSS 全解析实战(二)-HTML基础强化
1 HTML常见元素和理解(1) HTML 常见元素 viewport 标签适配移动端 HTML 重要属性 2 HTML常见元素和理解(2) 标签的 HTML5新属性 href 规定链接的目标地址 target 规定在何处打开链接文档 表格 label 为 input 元素定义标注(标记)。
866 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
12049
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载