美文网首页我爱编程
HTML Syntax(HTML 语法)

HTML Syntax(HTML 语法)

作者: 丹_ddb9 | 来源:发表于2018-03-29 15:41 被阅读0次

    简单介绍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模板

    相关文章

      网友评论

        本文标题:HTML Syntax(HTML 语法)

        本文链接:https://www.haomeiwen.com/subject/oobmcftx.html