网站开发入门知识之HTML

HTML

htypertextmarkuplanguage即超文本标记语言。是网站开发最基础的语言,简单易懂。

(超文本:就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。)

标记语言:标记(标签)构成的语言。

语言:html就是用户和浏览器交互的工具,简单来讲,浏览器会解析html的标记,以特定的效果给展示出来。

html的主要组成部分:

文档的声明!DOCTYPE:声明了html的类型和版本号。

html的根标记:标识html的开始和结束。

html的头部标记:设置与网页相关的信息。

html的主体标记:在页面上展示内容。

HTML用于定义网站的结构及内容,文件名后缀为.html。

当我们在浏览器里查看网站源码(ctrl+u)或按F12打开开发者工具,首先看见的是网站的HTML源代码:

HTML的语法

标签:HTML使用标签语法定义网页内容和结构,工整简单。标签又可叫作元素。

一个基本的HTML文件内容如下

html

head

/head

body

/body

/html

标签特点:

对称:每组标签有开有闭,如html对应/html,同组标签尖括号里单词相同。

层级:标签可嵌套标签,体现了网站结构层级关系,比如一个框里可以嵌套文字内容。

简易:标签名为英文单词或简写,方便联想记忆。

常用的标签:

HTML中,使用!--注释内容--表示注释,不会显示在页面中

1.结构标签,所有标准网页都必须有且只有一个:

body标签是页面的身体,一般网页绝大多数的标签代码都是在这里进行编写。

对于HTML的基本结构,其实是很好记忆的,大部分标签都是英语单词。比如head表示“页头”,body表示“页身”,title表示"标题"。

2.元信息标签,用来定义网站的基本信息,放在head标签中:

meta标签内部以/结尾,没有和它对应的标签,我们把这种标签叫作自闭标签。

3.标题标签

4.段落标签

p/p段落标签,表示一个自然段,会独占一行。

5.换行标签

p段落br/换行啦/p!--paragraph的缩写,表示一段文章--!--br表示换行--

6.水平线标签

hr/hr

7.引用标签图片

imgscr="1.gif"/

其他标签如table(表格)、ul(无序列表)、ol(有序列表)等可先不了解,均可用div标签替代。

属性:

在上面的代码中,你可能发现,有些标签中除了标签名,还有其他内容,比如:

imgsrc="


转载请注明:http://www.aierlanlan.com/grrz/2083.html