Collection
Collection
课程目录：
1 制作我们的第一个网页
2 HTML与CSS之间的关系
3 HTML文件结构
4 HTML文档
5 HTML标签
6 感受HTML的魅力
1 制作我们的第一个网页
<html><head><title>制作我的第一个网页</title></head><body><h1>你好，弹指间学会HTML视频教程</h1></body></html>
2 HTML与CSS之间的关系
html是一门超文本标记语言，html负责页面结构，css负责页面样式，js负责页面行为；举例来讲：html就像人的骨骼器官，css类似人的皮肤，有了这个html与css只能说是一个植物人，js就是人的灵魂
3HTML文件结构
html是网页的根元素标签，所有的的网页标签都包裹其中；head定义文档头部容器，其中head包裹<title>,<script><link><style><meta>等元素； body是为页面的主体，展示页面的所有元素>；body是为页面的主体，展示页面的所有元素
4 HTML文档
html文档也被成为网页html文档，包含html标签和纯文本，浏览器的作用是读取展示网页形式，浏览器不会展示网页html标签，而是使用标签展示页面内容！html与html之间的文本展示网页，body之间的文本是页面可见的内容
5 HTML标签
什么是标签？标签就是被尖括号括起来的对象，大多数标签都是成对出现的，标签分为开始标签和结束 标签（开放标签，闭合标签）当然还有一部分类似这样的<br />,<hr />等，标签主要用来标记html元素，位于起始标签和结束标签之间的文本就是html元素的内容！
什么是元素？html元素就是构成html文件的基本对象，html元素通过使用html标签来定义；类似这样<p>内容</p>这就是一个元素，其中<p>；当然<br />本身既是开始标签也是结束标签，但不包含任何内容，所以只是一个标签
常用的4个html标签：
html标题heading是通过<h1>-<h6>等标签定义、html段落paragraph是通过<p>标签定义、html了解通过<a>标签定义、html图像image是通过<img>标签进行定义；补充说明的是html标签对于大小写不敏感，但是为了养成良好的代码编辑习惯，w3c在html4中推荐小写！
6 感受HTML的魅力
编辑器使用轻量级，拒绝集成编辑器，刚开始学的时候多写，多熟悉，避免代码自动补全功能！这里推荐编辑器可以尝试下notepad++
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
