欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-30 09:57:43
...

一、什么是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/"是属性值)。