一、html的基本结构
1.html主要由3部分组成
html标签,也称根标签,所有的内容都写在html标签里,一个页面有且只能有一个根标签。以<html>标签开始,以</html>标签结束。
head标签,也称头部标签,帮助浏览器解析页面,这里面的内容不会被浏览器解析到页面中。头部以<head>标签开始,以</head>标签结束。
body标签,是书写网页的主题内容,内容会被解析到页面中,也就是用户所看到的内容。
主体部分以<body>标签开始,以</body>标签结束。
2.html的基本机构
如下:
第一行<!DOCTYPE html>是文档说明,是写在html标签外面的第一行。其意义所在是告诉浏览器程序员所编写的代码是按照html的规范进行编写,浏览器也要按照html规范进行编译,防止浏览器在编译代码时,陷入怪异模式,从而出现乱码。
第二行<html>标签和最后一行</html>标签是定义整个文档的整体,<head>标签和<body>标签是他的子标签。其中<head>标签里负责对网页进行一些设置和定义标题。图片中<meta>标签和<title>标签是<head>标签里常用到的标签,<meta>标签定义网页的编码模式,charset是字符集属性,utf-8是属性值,俗称万国码。<title>标签是标题标签,它不仅仅是网页的标题,还能够帮助浏览器快速定位网页。<body>里编写网页的内容。
二.HTML的基本标签
1.标题标签h
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
一级标签最大,依次越来越小,语义也逐步降低,常用h1---h3
代码示例如下
网页显示如下
2.段落标签P
段落标签的语义是一个自然段,默认的样式是独占一行。它的代码及网页显示示例如下:
3.换行标签<br>和分割线标签<hr>
这两个标签都是空标签,即没有结束标签,也称自结束标签。
<br>标签的使用及效果如下
<hr>标签的使用及效果如下
4.强调标签em及strong标签
<em>标签的默认样式是字体倾斜,主要用来强调语音和语调的
<strong>标签的默认样式是有加粗效果,强调内容的重要性
以上为html里常用的标签,此外还有些标签,例如标题分组标签hgrounp、引用标签q、居中标签center、删除线标签del、没有任何语义的div及spn标签等,这里就不一一介绍了。