HTML 简单介绍

207 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第 12 天,点击查看活动详情

HTML介绍

HTML 指的是超文本标记/标签语言 (Hyper Text Markup Language),专门制作网页的计算机语言,普通的文本就是英文单词,英文字母一样的存在。

超文本的意思是有一些单词或字母,在网页浏览器的世界中被赋予了特殊的权利。比如:我们都是普通人,但是有些人经过国家的选拔,穿上警服之后,他就被赋予了执法的特殊权利,普通人是没有执法权的。

字母img只是普通的字母,没什么特殊的含义。而被加上尖括号后,在网页的世界中,就具备了 显示图片的作用。

我的第一个网页

在计算机任意的位置,创建一个空白的记事本。

重点:文件的后缀名必须是 "htm" 或 "html"。

鼠标右键文件,选择打开方式为"记事本",输入下面代码。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文件标签</title>
</head>
    <body bgcolor="pink" text="darkred">
        你好,我的祖国?


    </body>
</html>

保存文件,双击文件会以计算机默认的浏览器运行,你的第一个网页就制作完成了!

image.png

注意:

  • 1.<html>标签它代表当前页面是一个HTML;
  • 2.<head>标签中可以声明HTML页面的相关信息;
  • 3.<body>标签中它主要是用于显示页面信息;
  • 4.标签要有开始,有结束,成双成对;
  • 5.开始标签与结束标签中的内容是标签的内容,如果没有标签内容,可以让标签自关闭<br/>
  • 6.大多数标签它具有属性,属性值要使用引号引起来;
  • 7.HTML它本身是不区分大小写的。

HTML 结构

HTML的结构一般包括<head>标签和<body>标签,<head><body>这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容,它本身不作为内容来显示,但影响网页显示的效果。<body>``</body>当中是网页实际显示的内容,正文标记符又被称为实体标记。页面当中通常包含有很多指向其他相关页面或其他节点的指针,通过点击,可以很方便地获取新的网页,这是HTML获得广泛推广运用最重要的原因之一,而由这些相互之间存在关联的页面组成的有机集合便是网站。

究竟 HTML 为什么会被普及?这就要归功于互联网的高速发展,对于编程语言的需求直线上升。而 HTML5 具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。凭借着这些特性,HTML越来越受到人们的喜爱。