文章目录
前言
HTML(Hyper Text Markup Language):超文本标记语言是一种用于创建网页的标准标记语言。
「所谓超文本，有2层含义：」
-
因为它可以加入图片、声音、动画、多媒体等内容（超越文本限制 ）
-
不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。
一、HTML初识
1.HTML骨架格式
<!-- 页面中最大的标签 根标签 -->
<html>
<!-- 头部标签 -->
<head>
<!-- 标题标签 -->
<title></title>
</head>
<!-- 文档的主体 -->
<body>
</body>
</html>
2.HTML元素标签分类
- 常规元素(双标签)
- 空元素(单标签)
常规元素(双标签)
<标签名> 内容 </标签名> 比如<body>我是文字</body>
空元素(单标签)
<标签名 /> 比如 <br />或<br>
3.HTML标签关系
-
嵌套关系父子级包含关系
-
并列关系兄弟级并列关系
-
如果两个标签之间的关系是嵌套关系，子元素最好缩进一个tab键的身位（一个tab是4个空格）。如果是并列关系，最好上下对齐。
二、HTML基本语法
1.基本元素
| 声明文档 | <!DOCTYPE html> | |
| 根元素 | <html> | |
| 头部元素<head> | 标题 | <title> |
| 网页编码格式 | <meta...> | |
| 可见内容<body> | 标题 | <h1> |
| 段落 | <p> | |
- HTML 标签通常是成对出现的，比如
和
代码如下（示例）：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML教程(runoob.com)</title>
</head>
<body>
<h1>这是标题 1</h1> <!-- 注释: h1,h2,h3表示标题字体大小逐渐变小 -->
<p>这是一个段落。</p>
<h2>这是标题 2</h2>
<p>这是另外一个段落。</p>
</body>
</html>
在线编译器练习尝试一下吧！！
2.文本
格式化标签：
| 粗体 | <b> |
| 斜体 | <i><em> |
| 下划线 | <u><ins> |
| <del> |
<br>标签：用于不产生一个新段落的情况下进行换行（新行） 代码如下（示例）：
<p>这个<br>段落<br>演示了分行的效果</p>
注:对于 HTML，无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
3.常用字符实体
其他常用字符实体
4.链接
HTML使用标签<a>来设置超文本链接
链接语法：<a href="url">链接文本</a>
实例：
<a href="https://www.bilibili.com">进入B站</a>
5.图像
在 HTML 中，图像由 标签定义。
实例：
<img src="cat.gif" width="300" height="120" />
注意图像文件和html文件在不同目录下的写法： 1、html 文件跟图像文件(f盘)在不同目录下：
<img src="file:///f:/*.jpg" width="300" height="120"/>
2、html 文件跟 图像在相同目录下：
<img src
最低0.47元/天 解锁文章
21万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
