(1)超文本标记语言
Hyper Text Markup Language,简称HTML,其主要作用是编写网页,通过HTML标记对网页中的文本,图片,声音等内容进行描述。HTML网页就是一个后缀名为“.html”或“.htm”的文件,可以用记事本打开。
* 超文本:
超出文本范畴,指在网页上可以描述文本,图片,视频,声音等。
* 标记:
标签,元素。是放在“<>”标记符中表示某个功能的编码命令。
* 语言:
html就是用户和浏览器交互的工具,浏览器会解析html的标记,以特定的效果给展示出来。
(2)html主要组成部分
* 声明<!DOCTYPE>:
位于文档最前面,声明html的类型和版本号,用于向浏览器说明当前文档使用哪种HTML标准规范。只有这样浏览器才能将该网页作为有效的HTML文档,并按指定的文档类型进行解析。
* 根标记<html> </html>:
标识HTML文档的开始和结束。
* 头部标记<head> </head>:
设置与页面相关的信息,主要用来封装其他位于文档头部的标记。
* 主体标记<body></body>:
用于定义所要显示的内容(文本,图像,音频,视频等),与<head>标记是并列关系。
(3)书写规范
* 语法不区分大小写
(4)实例
打开sublime,使用快捷键ctrl+n,创建一个新文件。
点击右下角纯文本,选择HTML,改用英文输入法,输入 !,使用Tab快捷键,生成文件模板。
ctrl+s保存,选择路径,保存成功后,可右键选择浏览器查看效果。此时打开为一个空白页面。
在两个<body>标记之间添加一句话,具体如下,保存后,使用浏览器再次打开页面,显示结果如图。
sublime_text 网页效果
网友评论