HTML
HTML 到底是什么？
首先，HTML 不是编程语言，没有逻辑处理能力，没有计算能力，不能动态地生成内容，而只能静态地展示网页信息。
我们从 HTML 中文全称来分析一下它的本质：
1、 超文本
也即超越纯文本，这意味着 HTML 文档不仅能包含文本（文字），还能包含图片、音视频、表格、列表、链接、按钮、输入框等高级内容。
超链接是互联网的纽带，它能将众多网页连接起来，让它们交织在一起，形成一张“网”。没有超链接，就没有互联网。
2、标记语言
HTML 是一种计算机语言，但它不能编程，只能用来标记网页中的内容。HTML 通过不同的标签来标记不同的内容、格式、布局等，例如：
3.文本格式化
<img> 标签表示一张图片；
<a> 标签表示一个链接；
<table> 标签表示一个表格；
<input> 标签表示一个输入框；
<p> 标签表示一段文本；
<strong> 标签表示文本加粗效果；
<div> 标签表示块级布局。
插入图片
设置图片宽度和高度
<img src="" alt="" width="150" height="150">
<img src="" alt="" style="width: 100px; height: 100px;">
本文最后给出的示例中演示了 HTML 标签的用法，您也可以转到《HTML标签与元素》学习 HTML 标签的具体语法格式。
总结
HTML 是一种用来开发网页的计算机语言，它通过标签（标记式指令）将文本、音视频、图片、表格、按钮、输入框等内容显示出来。也就是说，HTML 是用来给网页内容进行排版和布局的。
HTML标签
如上所述，HTML 是一种标记语言，使用各种标签来格式化内容，标签的特点如下所示：
HTML 标签由尖括号包围的关键词构成，比如 ；
除了少数标签外，大多数 HTML 标签都是成对出现的，比如 和 ；
成对出现的标签中，第一个标签称为开始标签，第二个标签称为结束标签（闭合标签）。
HTML文档结构
HTML 页面的基本结构如下所示，其中包含了各种创建网页所需的标签（例如 doctype、html、head、title 和 body 等）。
<b> 标签用来加粗文本。
<sup> 标签用来设置上角标。
<i> 标签用来设置斜体文本。
<a> 标签用来设置超链接，其中 target 属性用来指明打开方式，_blank表示从新标签中打开。
<hr> 标签用来设置分割线，它是一个自闭和标签。
<small> 标签用来呈现小号字体。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML演示</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落</p>
<p>这是另一个段落</p>
<a href="http://c.biancheng.net/" target="_blank">这是一个链接，指向C语言中文网首页</a>
<ul>
<li>HTML教程</li>
<li>CSS教程</li>
<li>JavaScript教程</li>
</ul>
<input type="text" placeholder="请输入内容" />
</body>
</html>
1.注释
<!--我是注释-->
2.标题
<h1>我是标题1</h1>
<h2>我是标题2</h2>
<h3>我是标题3</h3>
<h4>我是标题4</h4>
<h5>我是标题5</h5>
<h6>我是标题6</h6>
我是标题1
我是标题2
我是标题3
我是标题4
我是标题5
我是标题6
3.段落
我是段落
我是段落
4.锚点
<!--锚点-->
<a href="./img/125.jpg">锚点跳转站内页面</a>
<a href="https://www.bilibili.com/">跳转站外页面</a>
5.路径
绝对路径即是绝对的路径，固定死的路径，则是以根目录为起始点某一文件的路径，我们平时在电脑上的文件在硬盘上真正存在的路径就是绝对路径
相对路径从名字可以看出是以某一个文件夹或者文件为参照点来看，其他文件夹或者文件的路径
<!--
绝对路径即是绝对的路径，固定死的路径，则是以根目录为起始点某一文件的路径，我们平时在电脑上的文件在硬盘上真正存在的路径就是绝对路径
/
-->
<a href="/day01/demo01.html">绝对路径</a>
<!--
相对路径从名字可以看出是以某一个文件夹或者文件为参照点来看，其他文件夹或者文件的路径
../
-->
<a href="../day01/demo05.html">相对路径</a>
6.行级元素和块级元素
<!--
inline 行级元素 不独占一行 不可以设置宽高
block 块级元素 独占一行 可以设置宽高
inline-block 行内块 不独占一行 可以设置宽高
-->
6.列表
HTML 为我们提供了三种不同形式的列表：
有序列表，使用
- +
- 标签
无序列表，使用- +
- 标签
定义列表，使用-
+
+
- 标签
<!--
列表
有序列表 ol
无序列表 ul
列表项 li
-->
<ul>
<li>我是无序列表</li>
<li>我是无序列表</li>
<li>我是无序列表</li>
</ul>
<ol type="1">
<li>我是有序列表</li>
<li>我是有序列表</li>
<li>我是有序列表</li>
</ol>
<ol type="A">
<li>我是有序列表</li>
<li>我是有序列表</li>
<li>我是有序列表</li>
</ol>
<!--描述列表-->
<dl>
<dt>列表标题</dt>
<dd>列表内容</dd>
<dd>列表内容</dd>
</dl>
7.页面导航
<a href="#one">1小明</a>
<a href="#two">2小王</a>
<a href="#three">3小黑</a>
<a href="#four">4小白</a><br>
<img id="one" src="/lianxi/img/h4.jpg"><br>
<img id="two" src="/lianxi/img/h5.jpg"><br>
<img id="three" src="/lianxi/img/h6.jpg"><br>
<img id="four" src="/lianxi/img/h7.jpg">
8.表格
<table border="1px" align="center" cellpadding="100px" cellspacing="50px">
<caption>统计表</caption>
<thead>
<!--标题-->
<tr>
<th>序号</th>
<th>姓名</th>
<th>手机</th>
</tr>
</thead>
<tbody>
<tr>
<td>1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
<td>2-3</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
</tr>
</tbody>
</table>
- 单元格的合并
和 Excel 类似，HTML 也支持单元格的合并，包括跨行合并和跨列合并两种。
rowspan：表示跨行合并。在 HTML 代码中，允许我们使用 rowspan 特性来表明单元格所要跨越的行数。
colspan：表示跨列合并。同样的，在 HTML 中，允许我们使用 colspan 特性来表明单元格所要跨越的列数。
表单
表单属性
表单控件
iframe
<iframe src="https://www.bilibili.com/" frame></iframe>
<iframe src="https://www.bilibili.com/" frameborder="100" framespacing ="" width="300px;" height="300px;"></iframe>
–
1497
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
