一.HTML定义及学习的意义
1️⃣定义:HTML(Hype Text Mark-up Language)既超文本标记语言,它是一种建立网页文件的语言,它通过标记示指令,将影响,声音,图片和文字等连接起来。HTML文件可以用记事本,写字板或其他文本编辑工具来编写,用HTML编写的文件的扩展名为.HTML或.HTM,它们是能够被浏览器解释显示的文件格式
2️⃣学习意义:
(1)能帮助读者进一步理解网页形成的原理,还能帮助初学者读懂代码插入特效。
(2)用HTMl写的网页浏览器解释效率高:无任何垃圾代码产生,可加快网页的传输速度。
二.一个简单的HTML实例
用任何文本编辑器(记事本,写字板等)输入下列文本,保存为以HTML为后缀的文件即可。双击文件,页面在浏览器中的效果和代码如下。‘
<html>
<head>
<title>一个简单的HTML实例</title>
</head>
<body>
<p align ='center'><font size='7' color ='#0000FF'>枫桥夜泊</font></p>
<p align ='center'><font size='5' color ='#0000FF'>张继</font></p>
<p align ='center'><font size='6' color ='#0000FF'>月落乌啼霜满天</font></p>
<p align='center'><font size='6' color='#0000FF'>江枫渔火对愁眠</font></p>
<p align='center'><font size='6' color='#0000FF'>姑苏城外寒山寺</font></p>
<p align='center'><font size='6' color='#0000FF'>夜半钟声到客船</font></p>
</body>
</html>
三.HTML的基本概念
1.标记
用于描述功能的符号称为‘标记’,它是用来控制文字,图像等显示方式的符号。标记在使用时必须用“<>”括起来,标记有单标记和双标记之分。
(1)单标记
所谓“单标记”是指只需要单独使用就能完整地表达意思的标记。
单标记的语法是:<标记名称/>。例如</br>表示换行功能
(2)双标记
所谓“双标记”是指由“始标记”和“尾标记”两部分构成,必须成对使用的标记。其中始标记告诉Web浏览器从此处开始执行该标记所表示的功能。始标记前加一个斜杠(/)成为尾标记。
双标记的语法是:<标记>内容</标记>。例如想突出对某段文字的显示,写为<em>第一</em>
2.标记属性
许多单标记和双标记的始标记内可以包含一些属性,其语法是:<标记名称 属性1 属性2 属性3.>
,各属性之间无先后次序,属性也可省略(既取默认值)
例如:<hr size='3' align='LEFT' width='75%'>(hr标签的意思是创建一个水平线)
3.注释语句
注释语句的格式为:<!--注释文-->
"<!--"表示注释开始,"-->"表示注释结束,中间的所有内容表示注释文。注释内容不在浏览器中显示出来
四.HTML文档的基本结构
HTML网页文件主要由文件头和文件体两部分内容构成。其中,文件头用于对文件进行一些必要的定义,文件体是HTML网页的主要部分,它包括文件所有的实际内容
在HTML网页文件的基本结构中主要包含以下几种标记
1️⃣html文件标记
放在网页文档订单最外层,包含head和body两部分
2️⃣head文件头部标记
头部主要用来说明文件的有关信息。最常用的网页标题标记--title标记,它的格式为:<title>网页标题</title>
3️⃣body文件主体标记
网页正文中的所有内容包括文字,表格,图像,声音和动画等都包含在这对标记对之间
body标记的格式为:
<body background ='image--url'
bgcolor='color'
text='color'
link='color'
alink='color' vlink='color'
leftmargin='value'(左侧边距)
topmargin='value'>
</body>
五.HTML的基本语法规则
1️⃣HTML文件以纯文本形式存放,扩展名为"*.HTM"或“*.HTML”。
2️⃣参照HTML规则,HTML标记和属性名使用小写字母,属性值必须用双引号括起来,所有标记包括单标记也必须封闭
3️⃣多数HTML标记可以嵌套,但不可以交叉。例如:<p><font color="#000000" face='方正粗圆简体,方正黑体'>
网页设计与制作教程</p><font>,将不能正确显示。
4️⃣HTML文件一行可以写多个标记,一个标记也可以分多行书写
5️⃣HTML源文件中的换行,回车符号和空格在显示效果中是无效的。换行符必须用</br>标记,换段用<p>标记:一个半角空格使用一个 ;表示。一些特殊符号是凭借特殊的封号码实现的。通常由前缀“&”加上字符对应的名称,再加上后缀“;”而组成。例如“<”
用“<;”来替代,“>”用“>”替代。