本文介绍了HTML的基础知识，包括其定义、基本语法、常用编辑工具及网页编码问题的解决方法。详细讲解了HTML文件的基本结构，探讨了网页乱码的原因及解决策略，并列举了多种文本显示效果的HTML标记。
一、基本知识
- HTML：超文本标记语言。该语言由标记对组成，不存在编译错误问题
- 基本语法：<标记>内容</标记>
- 网页扩展名：.html、.htm
- 编辑工具：记事本、DW、Eclipse
- 查看源文件
【chrome】右击->查看源、Ctrl + u
二、网页雏形
代码
<html>
<head>
<meta content="text/html;charset=utf-8"/>
<title>我的第一个网页</title>
</head>
<body>互联网，我来了</body>
</html>
知识点
-
html文件的基本结构
-
乱码
原因：记事本默认以ANSI格式创建文件
解决：(1)将网页编码设为gb2312。（右键->编码）【暂时有效，刷新又会乱】
(2)文件格式转化为utf-8。（记事本->另存为）
(3)网页字符集改为utf-8。（charset）【推荐】 -
标记严格嵌套，不能相互嵌套
错误示范：
<a><b></a></b>
扩展
- 将网页显示内容用<b></b>标记括起来
答案：<b></b>标记是加粗标记，用于将标记内文本加粗显示 - 将上文的<b></b>再外括一个<i></i>标记
答案：(1)<i></i>：使文字倾斜
(2)其他类似标记：
| 标记 | 显示效果 |
|---|---|
| <u></u> | 文字以加下划线方式显示 |
| <s></s> | 文字以加下删除线方式显示 |
| <big></big> | 文字以放大方式显示 |
| <small></small> | 文字以缩小方式显示 |
| <strong></strong> | 文字以加强强调方式显示 |
| <em></em> | 文字以强调方式显示 |
| <address></address> | 用来显示电子邮件地址或网址 |
| <code></code> | 用来说明代码与指令 |
(3)标记的效果是可叠加的
扫一扫
1650
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
