HTML基础教程-优快云博客

本文链接：https://blog.youkuaiyun.com/CSH_lucky/article/details/102944096

一、HTML的概述

	HTML 超文本标记语言
	超文本：具备特殊功能的文本
	标记：标签 规范了超文本的组成形式
	超链接 ：图片  音频 视频 ......
	语言：具备特定的语法规范
	HTML是网页的设计语言，由HTML编写的文件

二、HTML文档结构

	第一行：文档的类型声明
	作用：指定文档的版本和类型
	<!DOCTYPE html> 标识这个文件是一个HTML5的版本
	head ：网页的头部：作用 定义页面中的全局信息
	<meta charset="utf-8" /> 指定文档的字符集
	<title></title> 文档的标题
	<body></body> 文档的主体

三、特殊字符

	在html中，任意的多个空格和回车最后都被解析成一个空格
	通过转义字符的特殊表现形式来表示特殊效果

&nbsp; 空格
&lt;	<
&gt;	>
&yen;	¥
&copy;	©

五、文本标记

 <b>加粗</b>
 <i>斜体</i>
 <u>下划线</u>
 <s>删除线</s>
 <sup>上标</sup>
 <sub>下标</sub>

六、标题元素

作用：以标题的形式显示文本

表现方式：
1.垂直空白距离
2.不同的标题字体大小并不相同范围：1-6 从大到小不能超过这个范围
3.独占一行

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>

七、段落标签

作用：在页面中表示一段独立的文本
表现方式：具备垂直空白，独占一行

<p>这是一个段落</P>

八、换行标签

<br/>
作用：换行

九、分隔线标签

作用：在页面中显示线条
属性： size 尺寸的大小
width：宽度
align：线条的水平对齐方式
color：颜色

<hr width="1000px" size="7" align="center" color="red"/>

HTML的基本标签

一、HTML的概述

二、HTML文档结构

三、特殊字符

五、文本标记

六、标题元素

七、段落标签

八、换行标签

九、分隔线标签