1、web前端—认识HTML标签

前端有什么构成？

• 前端 主要的由前端三剑客组成
• HTML CSS JavaScript
• 前端比作一个人的话 HTML就是我们的裸体。 CSS就是我们好康的衣服。JavaScript就是我们的姿势。

什么是HTML?

HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

W3c school是什么?

什么是W3c标准:万维网联盟（外语缩写：W3C）标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。

网址:https://www.w3school.com.cn/tags/html_ref_byfunc.asp

创建前端项目的流程

• 首先利用编辑工具（Hbuilder ,Sublime，Vs code）创建一个项目/目录
• 右击新建 index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
</html>

认识标签

<!DOCTYPE html>  doc （文档） type(类别) 连起来就是文档类型是HTML  这是一个声明标签

<html></html>标签    我们所有的HTML代码都写在<html></html>里面 一个网页只有一对HTML标签

<head> </head>标签   在内部声明标题 引用文件

<title> </title>标签  写上网页/网站 的标题

<body> </body>标签    写网页/文档主体

• 网页主要由 <html></html> <head> </head> <body> </body>三个部分组成

<h1> to <h6> 标签 定义定义 HTML/文章/标题 标题。

<p> 阿巴阿巴阿巴 </p>  定义段落

<br>   换行作用

   一个这样的符号 代表一个空格

<hr>    一根水平线

<!--我是注释-->

<div></div> 块级元素标签  独占一行

<span></span> 行级元素标签   我们就是一行

<img src="图片的路径" />  引用图片的标签  路径可以是网络上的路径 也可以是本地路径