wuhui1222

HTML:+tab键  快速引入格式框架或者是 !+tab键
HTML是一个网页的主体部分,也是一个网页的基础。因为一个网页可以没有样式,可以没有交互,但是必须要有网页需要呈现的内容。所以HTML部分是整个前端的基础。

HTML简介
HTML,全称是超文本标记语言(HyperText Markup Language),它是一种用于创建网页的标记语言。标记语言是一种将文本(Text)以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的计算机文字编码。与文本相关的其他信息(包括例如文本的结构和表示信息等)与原来的文本结合在一起,但是使用标记(markup)进行标识。

?????? what?标记语言? 什么是标记语言呢?
举个通俗的例子,就是一段文本内,不但有该文本真正需要传递给读者的有用信息,更有描述该段文本中各部分文字的情况的信息。 如下:

<问题>
    <问题标题>Alex老师是不是很帅?
    <问题描述>这是你说的啊,我可没说

<回答>
    <回答者>二狗子
    <回答者简介>我就叫二狗子
    <回答内容>你说什么就是什么啦,与我没关系了,反正我是个男的!!
<回答>
    <回答者>三袍子
    <回答者简介>我就叫三袍子
    <回答内容>我反对,我觉得武sir更帅。
就像这样,我用自己发明的一个标记语言描述了这个问题以及问题下的回答。这段标记语言既描述了文档本身的信息(问题内容和回答的情况),也描述了文档的结构和各部分的作用。而HTML则是世界通用的、用于描述一个网页的信息的标记语言,我们使用的浏览器具有将HTML文档渲染并展示给用户的功能(当你访问知乎网站的时候,实际上你获得了一份由知乎提供给你的HTML文档。浏览器将根据HTML文档渲染出你看到的网页)。将上面那段我刚发明的标记语言“翻译”成HTML,大概就是这样

<header>
    <h1>Alex老师是不是很帅?</h1>
    <p>这是你说的啊,我可没说</p>
</header>
<div>

        <div>
          二狗子<span>,我就叫二狗子</span>
        </div>
        <p>
            你说什么就是什么啦,与我没关系了,反正我是个男的!</a>
        </p>


        <div>
          三袍子,<span>我就叫三袍子</span>
        </div>
        <p>
           我反对,我觉得武sir更帅。
        </p>

</div>
上一段HTML文本中,header,div这类的带尖括号的玩意儿叫标签,标签描述了文本的作用,比如p标签表示其内部的文本是一个段落,a标签标识内部的文本是超链接等;与此同时,通过标签的互相嵌套,表示了这个文档的结构。至于哪个标签表示什么意思、总共有多少个种类的标签这类的问题,由W3C(万维网联盟)这一组织规定。 很显然,HTML作为一种标记语言它并没有什么逻辑,简单来说就是一些符号,一些有特殊意义的符号,一些浏览器认识的有特殊意义的符号。

开发者写好的网页
我们写好的HTML文件最终都会运行在浏览器上,由浏览器来解析。 HTML很容易学习,相信你很快就能够掌握它。

相关文章: