第一章 HTML 基础知识
1、 HTML 简介
Hypertext Markup Language (超文本标记语言) 简写:HTML
HTML 利用各种标记来标识文档的结构以及标识超链接的信息。
HTML是通过标签来标记要显示的网页中的各个部分。网页也是文件本身一种文本文件,通过在文本文件中添加标记符,告诉浏览器应该如何显示其内容(比如:文字的处理、网页的排版、图片的显示等)
图为HTML文本
2、 HTML 的标记组成
HTML 用于描述功能的符号称为“标记”。标记在使用时必须用尖括号“ <> ”括起来,而且是成对出现的,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。如 <body></body> 、 <p></p>
等。
1、标记的格式
<标记名>封装的数据</标记名>
如:<body>hello</body>
、<p>欢迎关注覃仔!</p>
2、标记大小写不敏感
3、标记分为单标记 和 双标记
1) 单标记:有些标记能完整的表达标记里的意思,只须在尖括号中输入标记名即可,这类标记叫单标记。 XHTML 中要求单标记也必须闭合,即在标记“ > ”前添加斜杠。常见的单标记如 <br /> 、 <hr />
等。
2) 双标记:双标记有头有尾,且前面的标记与后面的标记保持一致,但在后面的标记前有斜线。如: <p> 段落 </p>
等。
4、标签自己的属性
1)基本属性:
bgcolor="red"
可以修改简单的样式效果
2)事件属性:
οnclick="alert('你好!');" 可以直接设置事件响应后的代码
5、 标记对不能交叉嵌套使用
3、 HTML 基本结构
<html><!--表示网页的开始-->
<head><!--头信息-->
<title> 网页标题 </title>
</head>
<body>
页面主体内容
</body>
</html><!--表示网页的结束-->
1) <title>
标记对不能放在 <body>
标记对中,同理,其它表示内容的标记也不能放在 <head>
标记对中。
2) <html></html>
表示 HTML 语言,在 里面包含头部 () 和内容体 () 。
3) HTML 注释表示为 <!-- 注释内容 -->
第一个HTML实例: