热搜:NVER node 开发 php

后端码农谈前端(HTML篇)第一课:HTML概述_html/css_WEB-ITnose

2024-11-12 12:30:02
后端码农谈前端(HTML篇)第一课:HTML概述_html/css_WEB-ITnose

一、什么是HTML?

HTML不是编程语言,是用来描述网页文档(页面结构)的一种标记语言;

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

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

二、HTML是什么样的?

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

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

     
  
    第一个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/"是属性值)。