前端学习笔记---HTML介绍及基础语法1

HTML简介及语法

HTML

HTML一种超文本标记语言，是网页制作的骨架，没有什么修饰是最基本的结构体。。。就像钢筋水泥一样。若想要浏览器渲染出页面，则必须遵循HTML语法

HTML文件的基本结构

:head内标签不是给用户看的 是定义配置给浏览器看的
:body内的标签是写什么渲染什么

---

HTML语法的一些备注：
1.丑！！！！！
2.HTML文件没有格式，可以全部堆在一行
3.HTML文件打开方式为文件浏览器打开和利用集成开发环境打开

---

HTML语法的注释

HTML代码很多且杂乱，所以习惯用注释来划分出来代码的各个区域

---

HTML基础语法

HTML为标签类型语言，其代码由一条条标签组成，所以在下面的文章中将采用对标签介绍的方式进行叙述

标签分类:
1.双标签 (有头有尾) 如:

2.单标签 (自闭合标签) 如:

---

head内常用标签:

---

1.
效果如下:

---

---

2.略，其他的涉及到了css和js，在后面的文章中会补充

---

body内常用标签(比较重要的)

1.标题标签:

我是h1

我是h2

我是h3

效果如下:

---

---

2.字体效果处理的标签
加粗字体
斜体
下划线
删除线
效果如下:

---

---

3.分段标签（自己归的类emmm，其实这些不是一类的）

作用就是换行，相当于敲了个回车

段落标签<\p> 作用就是在里面书写玩后，会在末尾自带一个回车

---

就是一条线 水平分割线

---

代码如下（果然，HTML代码非常丑）:

---

加粗字体

斜体

下划线

---

删除线'

---

效果如下:

4.占位标签

这是一块
一块

这是二块
二块
这两个标签是最常用的标签，主要用于占位然后再去调整样式
区别:div是占用完整的一行的位置，span是文本多少就占用多少

---

效果如下：

---

补充说明:

块级标签:独自占用一整行的标签 如:h1---h6 div p
除了p标签，块级标签都可以嵌套任意的块级标签和行内标签，p标签是特例，其只能嵌套行内标签(其都是完整的占用一块，是矩形的)

行内标签:文本多长就多长，如: i u s b span
其仅能嵌套行内标签，不能嵌套块标签

---

5.图片标签

(1). src放入图片路径，可以本地，也可以是网络的
(2). alt图片访问失败时出现的图片
(3). title鼠标放在图片上出现的描述
(4). height width 高 宽 单位px 像素

---

代码如下:

---

效果如下(1.失败时候2.成功时)：

---

---

---

6...未完待续