第一章 HTML基础

目录

HTML

1、简介

2、HEML5文件的基本结构

 属性: charset 表示字符筹集编码,常用的编码有以下几种。

3、网页的基本标签

标签分两种:

常用标签:

1、标题标签

2 、段落标签

 3、换行标签

 4、水平线标签

 5、字体样式标签

 6、注释

 7、特殊符号

8、图像标签

---

HTML

1、简介

HTML是用来描述网页的一种语言，它是一种超文本标记语言，如网页中的一个标题、一个段落。一张图片等，这些都是利用一个个HTML标记来完成的。最基本的语法是<标记>内容</标记>。

HTML不是一种编程语言，仅是一种标记语言（Markup Language）。

---

2、HEML5文件的基本结构

开发使用的工具：Hbuilder X (各大教学老师使用的是VSCode，各有各的适用性)

基本框架:

 属性: charset 表示字符筹集编码,常用的编码有以下几种。

           gb2312: 简体中文,一般用于包含中文和英文的页面。

           ISO-885901:纯英文,一般用于只包含英文的页面。

           big5: 繁体,一般用于带有繁体字的页面。

           UTF-8: 国际性通用的字符编码,同样适用于中文和英文的页面。和gb2312相比,国际通用性更好。

---

3、网页的基本标签

标签分两种:

​ 1、闭合标签(双标签): <标签名> 内容 </标签名>

​ 2、自闭和标签(单标签): <标签名 > (为了完成某个特定的功能,不会去修饰别的内容)

常用标签:

1、标题标签

HTML共提供了六级标题<h1>~<h6>，所有标题字体加粗，<h1>字号最大<h6>字号最小

2 、段落标签

顾名思义，段落标签<p> 内容 </p>

 3、换行标签

<br />表示强制换行显示,该标签比较特殊.没有结束标签,直接使用<br />标签的开始和结束

 4、水平线标签

<hr />该标签表示一条水平线 , 该标签与<br />标签一样 , 比较特殊 , 没有结束标签。

接下来让我们先总结一下四个标签的应用吧 ! 话不多说 , 上图!

 5、字体样式标签

<strong></strong>标签表示字体加粗 , 还是一个带有语义化的标签,具有强调以及加强语气的作用)

<em></em>标签表示字体倾斜

 6、注释

注释语法: <!-- 注释内容 -->

 7、特殊符号

由于大于号,小于号等已作为HTML的语法符号,因此,如果要在页面中显示这些特殊符号,就必须使用相应的HTML代码显示,这些特殊代码符号对应的HTML代码被称为 字符实体

特殊符号	字符实体
空格	 
大于号	>
小于号	<
引号	"
版权符号	©

8、图像标签

图像标签的基本语法:
 

<img src="图片地址" alt="图像的替代文字" title="鼠标悬停提示文字" width="图片宽度" height="图片高度">

src属性表示图片路径 , alt属性指定的代替文本 ,  表示图像无法显示时替代显示的文本

好了,HTML入门就先讲到这里,我们下次来讲一讲我们常用的标签——a标签