HTML Syntax（HTML 语法）
2018-03-29 本文已影响0人
丹_ddb9
简单介绍HTML，学习入门自用=-=
以下笔记摘抄全部来自优达学城，感谢优达让我入门。
HTML 结构第1部分
通常我们在浏览器中看到的内容
<opening tag>content<closing tag>
这样的结构组合在一起，总的代表一个元素。
例子：
<p>This is a paragraph.</p>
<h1>This is a heading.</h1>
<span>This is a span.</span>
注意，两边标签中的文字总是相同。
通常结束标签内有斜线。
特殊的：
图像元素<img src="image.jpg" alt="a picture">
环境
文本编辑器写代码，浏览器运行我们的代码。
文本编辑器
可使用：Sublime Text 3、Atom、Visual Studio Code、Emacs、Vi/Vim
浏览器
Google Chrome和Mozilla Firefox推荐。
HTML和树
元素可以包含其他内容。
例，<div><h1>Article Title</h1></div>
推荐代码格式：
<div>
<h1>Article Title</h1>
</div>
树结构示意图
HTML结构第2部分
创建或加载的每个 HTML 文档都来自于这个基本结构:
HTML基本结构
此模板可分解为 3 个部分：
DOCTYPE：描述 HTML 的类型。尽管技术上存在不同的类型，但对于你将要编写的 99.999% 的 HTML 来说，<!DOCTYPE html>是不错的选择。
<head>：描述有关站点的元信息（例如标题），并提供网页正确渲染和交互，所需的脚本和样式表链接。
<body>：描述用户将看到的网页上的实际内容。
深入了解HTML文档
完整的HTML树结构
完整的HTML模板
