HTML---简介

作者: Wovw | 来源:发表于2020-08-29 18:10 被阅读0次

(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 网页效果

相关文章

  • HTML---简介

    (1)超文本标记语言 Hyper Text Markup Language,简称HTML,其主要作用是编写网页,通...

  • DOM 事件机制

    1 事件阶段 事件捕获阶段: 从Window->Document->html--->到具体的target 事件冒泡...

  • HTML---

    div是英文Division的缩写,意为“分割、区域”。简单而言就是一个区块容器标记,可以将网页分割为独立的、不同...

  • HTML---表单标记

    1.表单标记 表单就是在网页上用于输入信息的区域,它的主要功能是收集数据信息,并将这些信息传递给后台信息处理模块。...

  • HTML5

    一、基础 web基础: 1.web标准(万维网-w3c): 结构标准:HTML---决定屏幕上显示什么表现标准:C...

  • html---""定义以及应用

    标签用于为用户输入创建 HTML 表单。 表单能够包含input 元素,比如文本字段、复选框、单选框、...

  • HTML---用于描述页面的结构

    (Hypertext Markup Language) 超文本语言 基本结构 HTML中的标记指的就是标签,使用标...

  • HTML---单标记和双标记

    通常将HTML标记分为两大类,分别是“单标记”与“双标记”。 1.单标记: 是指用一个标记符号即可完整地描述某个功...

  • 认识html---定义列表的练习

    回顾一下定义列表的的作用: 1.给一堆数据添加列表语义。 2.先通过dt标签定义列表中所有标题,然后再通过dd标签...

  • HTML---图像标记和表格标记

    1.图像标记 基本语法格式: src属性用于引入图片,指定图像文件的路径,包括绝对路径或相对路径(同级目录(同一文...

网友评论

    本文标题:HTML---简介

    本文链接:https://www.haomeiwen.com/subject/cknnjktx.html