HTML文档-优快云博客

本文详细介绍了HTML文档的基本结构，包括文档类型声明、html标签、head和body部分的作用及使用方法。探讨了如何设置网页标题、定义文本编码，并展示了如何利用各种元素如段落(p)、标题(h1-h6)来组织内容。

文档类型结构声明

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

</body>

</html>

head : 页面的头部内容
定义页面全局信息包含:
<title></title> : 网页标题
<meta />:声明元数据(编码,关键字,描述)
<style></style>:声明内部样式表
<link />:引入外部样式表
<script></script>:定义或引入脚本文件

Head 作用：1、声明网页标题
<title></title>
2、定义网页文本编码格式
默认:ISO-8859-1,只支持英文以及英文状态下的标点符号
utf-8:支持中英文,标点符号
<meta charset="utf-8" />

body：页面的主体内容
任何一个标签，都可能会出现在body中

属性:
color : 文本的颜色
bgcolor : 背景颜色

1、特殊的文本
转义字符:

空格: 
< : < less than
> : > greater than
版权标识:©
2、文本标记
1、文本样式
<b>...</b> : 加粗文本
<i>...</i> : 斜体文本
<u>...</u> : 下划线
<s>...</s> : 删除线
<sup>...</sup> : 上标
<sub>...</sub> : 下标

2、标题元素
1-6级6个标题
<hn></hn> n:1-6
一级最大
六级最小
3、段落元素
提供了结构化文本的表现方式
语法:<p></p>
注意：
a、每对p标签单独成一个段落
b、段落与其他元素有垂直空白，段落间距
常用属性:
align : 水平对齐方式
取值:left center right

c、换行元素
在代码的任何位置处，实现回车的效果
<br />
d、水平线
又叫分割线
<hr />
属性:
1、size : 水平线的粗细，通常以像素(px)为单位
2、width: 宽度
3、align: 水平线的水平对齐方式
4、color: 颜色
e、分区元素
目的：为元素进行分组，多数用在布局中
块分区元素:<div></div> 层
行内分区元素:<span></span>
注意：
div ：主要用在布局上
span：修改其内部内容的样式

3、注释
可以写在html源码中，但不被浏览器解释的文本
语法:

4、行内元素与块级元素
块级元素:默认情况下，块级元素独占一行，元素的前后都会自动换行 div,hn,hr,p
块级元素作用:布局

行内元素:默认情况，多个元素位于同一行，不会换行
span,文本标记... ...
行内元素作用:修改内部内容的样式