学习笔记—HTML基础
一、HTML的基本概念
HTML的英文全称是Hyper Text Markup Language,它是网页超文本标记语言,也是全球广域网上描述网页内容和外观的标准。
1. HTML简介
- HTML作为一种标记语言,它本身不能显示在浏览器中。
- HTML不是一种编程语言,而是一种描述性的标记语言,用于描述超文本中内容的显示方式。
- 其最基本的语法就是<标记符>内容
2. HTML的基本结构
完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象,这些对象统称为HTML元素。
一个HTML文件的基本结构如下
<html>文件开始标记<head>文件头开始的标记
……文件头的内容
</head>文件头结束的标记
<body>文件主体开始的标记
……文件主体的内容
</body>文件主体结束的标记
</html>文件结束的标记
3. 认识HTML标记
- HTML是超文本标记语言,主要通过各种标记来标示和排列各对象,通常由尖括号“<”、“>”以及其中所包含的标记元素组成。
- 在HTML中,所有的标记都是成对出现的,而结束标记总是在开始标记前增加一个“/”。标记与标记之间还可以嵌套,也可以放置各种属性。此外,在源文件中标记是不区分大小写的。
HTML定义了以下三种标记来描述页面的整体结构
<html>
标记:放在HTML的开头,表示网页文档的开始。</html>
指明文件的结束。
<head>
标记:出现在文档的起始部分,标明文档的头部信息,一般包括标题和主题信息,其结束标记</head>
指明文档标题部分的结束。
<body>
标记:用来指明文档的主体区域,网页所要显示的内容都放在这个标记内,其结束标记</body>
指明主体区域的结束。
二、HTML文件的编写方式
编写HTML的方法比较简单,可以使用任何一种文本编辑工具来编写,比如Dreamweaver、记事本等。
1. 使用记事本手工编写HTML
- 新建一个记事本,直接在记事本中编写HTML代码。
- 将编写完成的文件另存为扩展名为.htm或.html的文件即可。
- 打开网页文档,在浏览器中预览效果。
任何文字处理器都可以用来处理HTML代码,但必须记得要以.html的扩展名对其加以保存。
2. 使用Dreamweaver编写HTML文件
使用Dreamweaver创建HTML文件,具体操作步骤如下。
1. 打开Dreamweaver软件,新建一个文档,单击文档中【代码】按钮,打开代码视图,在代码视图中可以输入HTML代码。