嗨,欢迎来到异星球,我是小怪同志。这篇文章主要讲解HTML入门零基础教程,请一起学习吧。
一、HTML标签
1.HTML语法规范
HTML标签都要包含在尖括号里,尖括号里可以写上想要的标签,标签一般都是成对出现的。
比如:<html>和</html>,我们称为双标签。标签中对应的第一个标签是开始标签,第二个标签是结束标签。
当然也有特殊的标签必须是单个标签(极少情况),比如:<br />,我们称为单标签。
2.标签的关系
双标签关系可以分为两类:包含关系和并列关系。
包含关系:简单可以理解为父子关系,head为父亲,title为儿子
<head><title></title></head>
并列关系:简单可以理解为兄弟关系,head为哥哥,body为弟弟
<head></head><body></body>
我们可以再尝试着理解:下面所属的代码,html是head和body的父亲,而html和body属于儿子为包含关系,并且head和body是兄弟关系也就是并列关系。
<html><head></head><body></body></html>
二、HTML的基本结构标签
1.第一个HTML网页
每一个网页都会有一个基本的结构标签(也称之为骨架标签),页面内容也是在这些基本标签上书写,HTML页面也称为HTML文档。
<html><head><title>1024程序员节快乐<title></head><body> 代码敲烂,工资过万 </body></html>
由上述代码可知:
标签名 | 定义 | 说明 |
<html></html> | HTML 标签 | 页面中最大的标签,我们称为根标签 |
<head></head> |
文档的头部 | 注意在head标签中我们必须要设置的标签的title |
<title></tltle> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
<body></body> | 文档的主体 | 元素包含文档的所有内容,页面内容基本都是放到body里面的 |
那么我们可以来演示一遍