html基础

来源：互联网发布：ios4邪恶福利软件编辑：程序博客网时间：2024/04/30 05:11

1.html

1-1 HTML介绍

用来编写web文档（网页）的标记语言
通常文件后缀名是.html或htm

1-2 HTML结构

<!DOCTYPE html><html>    <head>        <title>Page title</title>    </head>    <body>        <h1>My First Heading</h1>        <p>My First paragraph</p>    </body></html>

1-3 HTML语法

html标记放在一对尖括号中

<html> </html>

标签（Tag）通常是成对出现

<html>content</html>

起始标记、结束标记的关键字相同
结尾标记前加“/”

大小写不敏感

<HTML>content</html>

1-4 字符编码

如果遇到下图乱码结果，说明你遇到了编码问题

这里写图片描述

英文不会乱，只有中文字符会乱码
常见编码有两种——GBK（GB2312）和UTF-8
解决方案
– 浏览器中更改编码
– 代码中声明编码

<meta charset=utf-8>

2 文本相关标记

文字信息仍然是Internet上数量最为庞大的数据
文字是抽象的，需要通过格式提升阅读体验

2-1 标题标记

H1~H6
– 一级~六级标题

这里写图片描述

<!DOCTYPE html><html><body>    <h1>一级标题h1</h1>    <h2>二级标题h2</h2>    <h3>三级标题h3</h3>    <h4>四级标题h4</h4>    <h5>五级标题h5</h5>    <h6>六级标题h6</h6></body></html>

2-2 段落标记

段落标记
– 上下有空行
要实现以下效果

这里写图片描述

成对出现

2-3 换行标记

换行标记
仅起到换行作用
单标记！

2-4 水平线

水平线<hr>
– 显示为一条灰色水平线
单标记

这里写图片描述

2-5 文字加粗

2-6 列表标记

HTML中有三种列表：有序、无序、定义列表
列表通常用于组织相关内容
2.6.1 有序列表
有数字标号的列表
– <ol>表示有序列表
– <li>表示每个列表项

0 0

html基础

目录

1.html

1-1 HTML介绍

1-2 HTML结构

1-3 HTML语法

1-4 字符编码

2 文本相关标记

2-1 标题标记

2-2 段落标记

2-3 换行标记

2-4 水平线

2-5 文字加粗

2-6 列表标记