一、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标签等,这里就不一一介绍了。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐