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="