学习笔记 之 好久不见 HTML

学习笔记 之 好久不见 HTML
LZ-Says:士别三日,当刮目相看~!

前言

曾经的移动端,火炸了半边天,如今万物沉浸。Python 杀出重围,而移动端,则渐渐衍生了所谓的大前端。

追随时代脚步,一起重新拾起少年梦想~

文中主要内容参考于 ,有兴趣的小伙伴可打开自行学习~

千里之行,始于足下。一起来总结回顾一波~

HTML,好久不见~

HTML 指超文本标记语言: Hyper Text Markup Language。 这里需要注意: HTML 不是一种编程语言,而是一种标记语言。

简短的回顾下有关 HTML 的过往:

1995 年 HTML 2.0 面世,1997 年由国际官方组织 W3C 推出了 HTML 3.2 以及 HTML 4.0 标准,后面 W3C (万维网联盟)也渐渐变成 Web 技术领域的权威,经过漫长的演变,2014 年,HTML 5 标准最终面世。(节选自 W3C School)

下面将以一个简短的小例子来简单回顾下有关 HTML 的那些事儿:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>HLQ_Struggle</title>
    </head>
    <body>
        <h1>Hello HLQ_Struggle</h1>
        <p>Welcome to HTML.</p>
    </body>
</html>

上面代码显示的效果如下:

在这里插入图片描述

下面我们对每行所代表的含义进行简要说明:

  • DOCTYPE: 声明了文档的类型;
  • < html>: 标签是 HTML 页面的根元素;
  • < head >: 标签包含了文档的元(meta)数据,如 < meta charset=“utf-8”> 定义网页编码格式为 utf-8;
  • < title >: 标签定义文档的标题;
  • < body>: 标签定义文档的主体,即网页可见的页面内容;
  • < h1>: 标签定义标题;
  • < p>: 标签定义一个段落显示;

而基本的一个网页,均包含如下内容:

<html>
		<head>
				这里一般存放与当前页面相关的配置信息,例如作者、标题、简介等
		</head>
		
		<body>
				这里主要是我们编写用户可见的效果
		</body>
</html>

在此列举几条基本常识:

HTML 文件拓展名默认使用 htm 或者 html;

大多数标记符必须成对使用,当然也有部分可单独使用;

开始和结束标签也被称为开放标签和闭合标签

HTML 头部元素包含关于文档的概要信息,也被称为元信息(meta-information);

最后,列举几个 LZ 知晓可开发 HTML 工具:

  • Adobe Dreamweaver(LZ HTML 曾经入门工具)
  • Sublime Text(据说搭配相关插件可以 6 的飞起)
  • Notepad ++
  • UltraEdit
  • VS Code
  • WebStorm(推荐,开发利器之一)
  • 。。。

个人