关于html基本结构的一些知识

一.什么是html:

html的全称是Hyper Text Markup Language, 即“超文本标记语言”,html是一种解释性语言,用于制作网页界面,使用该语言编写的网页最终被浏览器解释执行。

二.html的基本结构:

<html>
	<head>

	</head>
	<body>
		
	</body>
</html>

<html>与</html>用来标记HTML文档的开始和结束

<head>与</head>用来标记HTML文档的头部开始和结束

a<body>与</body>用来标记HTML文档的主体开始和结束

三.<head>与</head>之间的一些子标签:

1.title:设置页面的标题。

例:

 

2.link标签:用于链接外部css文件、链接收藏夹图标。

      a:引入外部css样式文件,语法结构:<link rel="stylesheet" type="text/css" href="css文件的路径"/>

      b:设置html文档头部小图标,语法结构:<link rel="shortcut icon" type="image/x-icon" href="图片的路径"/>

3.script标签:

a.在标签中写JavaScript代码,语法结构:<script type="text/javascript">JavaScript代码</script>

      b.引入外部JavaScript脚本文件,语法结构:<script type="text/javascript" src="js文件路径"></script>

4.style标签:用于为html文档定义css样式,语法结构:<style type="text/css">一个或多个css样式规则</style>

5.meta标签:提供关于页面的元信息。

      a.设定字符集,语法结构:<meta http=equiv="Conyent-Type" content="text/html;charset=value"/>

      b.设定关键字,语法结构:<meta name="keywords" content="keywords1,keywords2,...."/>

      c.设定描述,语法结构:<meta name="description" content="时间(单位:s)"/>

      d.设定自动刷新,语法结构:<meta http-equpt="refresh" content="时间(单位:s)"/>

      e.设定自动跳转,语法结构:<meta http-equiv="refresh" content="时间(单位:s) ; url=跳转目标地址"/>

6.base标签:为页面上的链接(包括<a>、<img>、<link>、<form>标签中的URL)规定默认的地址或默认目标,该标签必须位于head标签内部。

四.html标签:

html标签指使用尖括号括起来的关键字,分为单标签和双标签

单标签:标签单独出现,语法:<标签名/>,比如<br/>。可以没有标签反斜线,即<br>也可以,但是这样不符合W3C规范

双标签:标签成对出现,语法:<标签名>内容</标签名>,比如<html></html>

注意:html标签中的标签名不区分大小写,但为了符合W3C规范,推荐使用小写。

五.html标签属性:

html标签属性放在起始标签的尖括号内,如果有多个属性,则使用空格分开,语法结构:

单标签:<标签名 属性名1="属性值1" 属性名2="属性值2" ... 属性名N="属性值N"/>,比如link标签中rel 、type和href属性

双标签:<标签名 属性名1="属性值1" 属性名2="属性值2" ... 属性名N="属性值N">内容</标签名>,比如form标签action、method和enctype

注意:

1、属性之间使用空格间隔;

2、属性出现的先后顺序没有要求;

3、某些属性值可以不使用双引号引起来;但为了符合W3C标准,要求所有的属性值都使用引号引起来;

六、注释:

语法结构:<!--注释内容-->

注释内容不会在浏览器渲染后的界面上显示出来。

 

 

 

 

 

 

 

 

 

猜你喜欢

转载自blog.csdn.net/zsl_hpw/article/details/81434247