HTML概述

一.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>标记:一个半角空格使用一个&nbsp;表示。一些特殊符号是凭借特殊的封号码实现的。通常由前缀“&”加上字符对应的名称,再加上后缀“;”而组成。例如“<”

用“&lt;”来替代,“>”用“&gt;”替代。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阳光少年.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值