您的位置：首页 > Web前端 > HTML

html基础

2016-10-06 15:53 120 查看

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 段落标记

段落标记

</p>

– 上下有空行

要实现以下效果

<p>

成对出现

2-3 换行标记

换行标记

仅起到换行作用

单标记！

2-4 水平线

水平线

<hr>

– 显示为一条灰色水平线

单标记

2-5 文字加粗

<b></b>

<strong></strong>

2-6 列表标记

HTML中有三种列表：有序、无序、定义列表

列表通常用于组织相关内容

2.6.1 有序列表

有数字标号的列表

–

<ol>

表示有序列表

–

<li>

表示每个列表项

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航