HTML Syntax(HTML 语法)

简单介绍HTML,学习入门自用=-=

以下笔记摘抄全部来自优达学城,感谢优达让我入门。

HTML 结构第1部分

通常我们在浏览器中看到的内容 

content

这样的结构组合在一起,总的代表一个元素。

例子:

This is a paragraph.

This is a heading.

This is a span.

注意,两边标签中的文字总是相同。

通常结束标签内有斜线。

特殊的:

图像元素a picture

环境

文本编辑器写代码,浏览器运行我们的代码。

文本编辑器

可使用:Sublime Text 3、Atom、Visual Studio Code、Emacs、Vi/Vim

浏览器

Google Chrome和Mozilla Firefox推荐。

HTML和树

元素可以包含其他内容。

例,

Article Title

推荐代码格式:

   

Article Title



HTML Syntax(HTML 语法)_第1张图片
树结构示意图

HTML结构第2部分

创建或加载的每个 HTML 文档都来自于这个基本结构:


HTML Syntax(HTML 语法)_第2张图片
HTML基本结构

此模板可分解为 3 个部分:

DOCTYPE:描述 HTML 的类型。尽管技术上存在不同的类型,但对于你将要编写的 99.999% 的 HTML 来说,是不错的选择。

:描述有关站点的元信息(例如标题),并提供网页正确渲染和交互,所需的脚本和样式表链接。

:描述用户将看到的网页上的实际内容。

深入了解HTML文档


HTML Syntax(HTML 语法)_第3张图片
完整的HTML树结构


HTML Syntax(HTML 语法)_第4张图片
完整的HTML模板

你可能感兴趣的:(HTML Syntax(HTML 语法))