前端从入门到精通---认识HTML

最新推荐文章于 2025-11-23 16:56:34 发布

原创最新推荐文章于 2025-11-23 16:56:34 发布 · 132 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html5

前端入门专栏收录该内容

11 篇文章

订阅专栏

本文介绍了HTML的基本概念及其常用标签，如<html>、<head>、<body>等，并通过示例代码展示了这些标签的具体用法。

什么是HTML？所谓HTML，就是超文本标记语言，是用来描述web文档的一种标记语言，其主要标签包括html、head、body、div、span、p等等，HTML又分为HTML4（HTML5之前的统称）和HTML5。

下面我们看一段HTML代码

	<html>
	  <head>
	  	<meta charset="UTF-8">
	  	<title>认识HTML</title>
	  	<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	  	<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/weui/2.4.4/style/weui.min.css" />
      </head>
      <body>
      	<h1>前端从入门到精通</h1>
        <div class="hello">欢迎来到本节课堂！</div>
      <body>
    </html>

PS: 这里注意一点，严格来说，标签都需要闭合。

<html />是让浏览器知道这是一个HTML文件。
<head />表示一个声明一个网页的头部。
- <meta />提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词，可以设置像手机端的viewport属性、网页编码等，这里是声明网页的编码为UTF-8。
- <title />声明网页的标题，通常显示在标题栏或状态栏上。
- <script />表示声明一个javascript文件，可以是相对路径，也可以是绝对路径或在线路径，这里采用的是CDN地址，script的执行是从上往下依次执行。
<link />表示声明一个CSS文件，可以是相对路径，也可以是绝对路径或在线路径，这里采用的是CDN地址。
<body />是定义文档的主体，包含文档的所有内容，比如超链接(<a />)、图像(<img />)、表格(<table />)等。
<h1 />表示一个标题，另外h标签分为h1~h6，文字大小和重要性依次递减。
<div />表示一个块级元素，其上的class为样式，声明方式一般以-来定义多级，比如：test-hello。