后端码农谈前端（HTML篇）第一课：HTML概述_html/css

집

웹 프론트엔드

HTML 튜토리얼

后端码农谈前端（HTML篇）第一课：HTML概述_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:48 AM

一、什么是HTML？

HTML不是编程语言，是用来描述网页文档（页面结构）的一种标记语言；

HTML指超文本标记语言（Hyper Text Markup Language），之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。；

HTML规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。

二、HTML是什么样的？

简单地来说，HTML的语法就是给文本加上表明文本含义的标签(Tag)，让用户（人或程序）能对文本得到更好的理解。

下面是一个最简单的HTML文档：

<html>

  <head>

    <title>第一个Html文档</title>

  </head>

  <body>

    欢迎访问<a href="http://hanzhaoxin.cnblogs.com/">我的博客</a>!

  </body>

</html>

所有的HTML文档都应该有一个元素，元素可以包含两个部分:

和。

元素用于包含整个文档的一般信息，比如文档的标题（元素用于包含标题），对整个文档的描述，文档的关键字等等。 <p>文档的具体内容就要放在</p> 元素里。元素用于表示链接，在浏览器（如IE,Firefox等）中查看HTML文档时，点击标签括起来的内容时，通常会跳转到另一个页面。这个要跳转到的页面的地址由元素的href属性指定。上面的中，href属性的值就是http://hanzhaoxin.cnblogs.com/。

三、HTML文档可以包含哪些内容？

通过不同的标签，HTML文档可以包含不同的内容，比如文本，链接，图片，列表，表格，表单，框架等。

文本：HTML对文本的支持是最丰富的，你可以设置不同级别的标题，分段和换行，可以指定文本的语义和外观，可以说明文本是引用自其它的地方，等等等等。

链接：链接用来指出内容与另一个页面或当前页面某个地方有关。

图片：图片用于使页面更加美观，或提供更多的信息。

列表：列表用于说明一系列条目是彼此相关的。

表格：表格是按行与列将数据组织在一起的形式。也有不少人使用表格进行页面布局。

表单：表单通常由文本输入框，按钮，多选框，单选框，下拉列表等组成，使HTML页面更有交互性。

框架：框架使页面里能包含其它的页面。

四、对于HTML我会说哪些概念？

文档：HTML文档俗称网页。

标签：用尖括号包围的关键词我们成为标签。通常HTML标签成对出现，如：、。

开始标签：标签对中的第一个标签是开始标签，也成为开放标签。如。

结束标签：标签对中的第二个标签是结束标签，也成为闭合标签。如

。

元素：我们把匹配的标签对以及它们包围的内容称为元素。即（元素 = 开始标签 + 内容 + 结束标签）。如：我的博客。

块级元素：在浏览器默认显示时以新行来开始（和结束）的元素。

内联元素：又称行内元素，在浏览器默认显示时在同一行按从左至右顺序显示，不单独占一行的元素。

属性：开始标签中那些以名称/值对的形式出现的内容，我们称之为属性。如上例中：href="http://hanzhaoxin.cnblogs.com/"。（href是属性名称，"http://hanzhaoxin.cnblogs.com/"是属性值）。

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까?Mar 04, 2025 pm 12:32 PM

공식 계정 웹 페이지 업데이트 캐시, 이것은 간단하고 간단하며 냄비를 마시기에 충분히 복잡합니다. 공식 계정 기사를 업데이트하기 위해 열심히 노력했지만 사용자는 여전히 기존 버전을 열었습니까? 이 기사에서는이 뒤에있는 비틀기와 회전을 살펴 보고이 문제를 우아하게 해결하는 방법을 살펴 보겠습니다. 읽은 후에는 다양한 캐싱 문제를 쉽게 처리 할 수있어 사용자가 항상 가장 신선한 콘텐츠를 경험할 수 있습니다. 기본 사항에 대해 먼저 이야기 해 봅시다. 액세스 속도를 향상시키기 위해 브라우저 또는 서버는 일부 정적 리소스 (예 : 그림, CSS, JS) 또는 페이지 컨텐츠를 저장합니다. 다음에 액세스 할 때 다시 다운로드하지 않고도 캐시에서 직접 검색 할 수 있으며 자연스럽게 빠릅니다. 그러나 이것은 또한 양날의 검입니다. 새 버전은 온라인입니다.