学习笔记 之 好久不见 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(推荐,开发利器之一)
- 。。。