html入门教程_HTML简介及标签含义

一，前言

HTML 是 Hyper Text Markup Language 的简写，表示超文本标记语言，同时 HTML 也是我们学习前端开发的基础。

二，网页的概述

网页就是放在服务器上的一个文件，浏览网页时，文件会下载到本地，由浏览器解析，渲染出各种漂亮的界面，比如表格、图片、标题、列表等。

网页文件的后缀有很多种，比如.html、.php、.jsp、.asp等

但不管网页的后缀是什么，它的本质都是一样的，就是由 HTML 代码构成的纯文本文件。

三，网页基本信息

<html>
    //网页头部
    <head>
        <title></title>
    </head>
    //主体部门
    <body>

    </body> 
</html>

标签的结构

Ø 结构说明：

标签由<、>、/、英文单词或字母组成。并且把标签中<>包括起来的英文单词或字母称为标签名
常见标签由两部分组成，我们称之为：双标签。前部分叫开始标签，后部分叫结束标签，两部分之间包裹内容
少数标签由一部分组成，我们称之为：单标签。自成一体，无法包裹内容。

标签的属性

标签的属性写在标签的内部
标签可以同时存在多个属性
属性之间用空格隔开
标签名与属性之间必须以空格隔开
属性之间没有顺序之分

标签之间的关系

父子关系（嵌套关系），兄弟关系（并列关系）

1.HTML标签

整个网页是从这里开始的，然后到结束。

2.head标签

head标签代表页面的“头”，定义一些特殊内容，这些内容往往都是“不可见内容”（在浏览器不可见）。

- <head>内部标签  说明
- <title> 定义网页的标题
- <meta>  定义网页的基本信息（供搜索引擎），不会显示在页面中，主要目的是因为它对机器是可读的。
- <style> 定义CSS样式
- <link>  链接外部CSS文件或脚本文件
- <script>    定义脚本语言
- <base>  定义页面所有链接的基础定位（用得很少）