<!DOCTYPE html>
<!--定义html文档-->
<html lang="en">
<!--定义文档头部说明-->
<head>
<meta charset="UTF-8"><!--设置网页编码-->
<title>HTML实例</title><!--网页标题-->
</head>
<body>
<!--这里是html的注释说明-->
<h1>HTML实战第一天</h1><!--标题1-->
<h2>学习路径：</h2><hr/><!--标题2-->
<a href=" https://www.bilibili.com/video/BV1pq4y1W7a1?p=6">Python Django全套教程点击获取</a><!--定义超文本链接-->
<hr/><!--水平分割线-->
<h2>简介</h2>
<p style="text-indent: 2em"><!--首行缩进两个字符--><u>
菜鸟教程提供了编程的基础技术教程,介绍了HTML、CSS、Javascript、Python,Java,Ruby,C,PHP , MySQL等各种编程语言的基础知识。
我们提供了完整的 HTML参考手册,其中包括标签、属性、颜色、实体等等。
学的不仅是技术,更是梦想! JavaScript/CSS 表格排序功能 本章节我们将学习如何使用 JS/CSS实现表格排序功能。
</u>
<!--下划线换段-->
</p>
<p>
教程被分为 Bootstrap基本结构、Bootstrap CSS、Bootstrap布局组件和 Bootstrap插..
菜鸟教程 --学的不仅是技术,更是梦想! Bootstrap 教程 Bootstrap CSS Bootstrap 布局组件...
</p>
<hr/>
<u>下划线标签</u><br/><!--换行-->
<del>del删除线标签</del>
<b>b加粗标签</b><br/><br/>
<strong>strong强调加粗标签</strong><br/><br/>
<i>i斜体标签</i><br/>
<em>强调斜体标签</em><br/>
<br/>
<cite>清明上河图</cite>是我国十大传世名画<br><br>
水分子：H<sub>2</sub>0<br/><!--2要下标-->
2<sup>4</sup>=16<!--4要上标-->
<hr/><br/><br/>
你的爱好:
<ul type="circle">
<li>睡觉</li>
<li>看书</li>
<li>唱歌</li>
</ul><!--无序列表,类型默认为实心-->
<ol type="1">
<li>睡觉</li>
<li>看书</li>
<li>唱歌</li>
<li>学习</li>
</ol><!--有序列表-->
<hr/>
<dl><!--自定义列表-->
<dt>问：HTML是什么？</dt> <!--自定义列表头-->
<dd> 答：超文本标记语言</dd> <!--自定义列表内容-->
<dt>问：CSS是什么？</dt> <!--自定义列表头-->
<dd> 答：层叠样式表</dd> <!--自定义列表内容-->
</dl><hr/>
<div style="text-indent: 2em">常用于包含的文本，你可以使用CSS对它定义样式</div>
<div style="text-indent: 2em">或者使用JavaScript对其进行操作</div>
<br/><br/>
<span>无任何意义，包含文本显得更加安全</span>
<hr/>
<h2>HTML图片img标签</h2>
<img src="./mateusz-klein-c6cScqrXegw-unsplash.jpg" order="1" alt="壁纸" title="风景" border="1" width="300" />
<img src="Capture002.png" alt="风景的壁纸" width="300"/>
<img src="https://www.baidu.com/img/pc_9c5c85e6b953f1d172e1ed6821618b91.png" title="百度图片"width=”300“/>
<hr/><br/><br/>
<a href="https://i.cnblogs.com/posts/edit"target="_blank">费皿的博客在新的窗口打开</a> <br/><br/>
<a href="https://i.cnblogs.com/posts/edit"target="_self">费皿的博客在默认当前窗口刷新打开</a> <br/><br/>
<hr/><br/><br/>
<!--锚点定义-->
<a id="cf1"></a>
<h2>风景壁纸</h2>
<img src="./mateusz-klein-c6cScqrXegw-unsplash.jpg "width="1600" /><br/><br/><br/><br/><br/><br/>
<!--锚点链接-->
<a href="#cf1">壁纸</a><br/><br/>
<!--在另外一个窗口打开定位的图片的操作还没做-->
<!--HTMl实例——表格标签的制作-->
<table border="1"width="500"cellspacing="0" cellpadding="4"><!--边框,表宽度,表距离,表内字与表格距离-->
<caption><h2>学生信息表</h2></caption>
<thead><!--表头-->
<tr>
<th>学号</th><!--列头标签-->
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody><!--表体-->
<tr>
<td>210</td><!--列标签-->
<td>张三</td>
<td>19</td>
</tr>
<tr>
<td>313</td>
<td>李四</td>
<td rowspan="2"align="left" valign="top">20</td>
</tr>
<tr>
<td>2</td>
<td>34</td>
<!--<td>20</td>-->
</tr>
</tbody>
</table>
<br/><br/><br/><br/>
<h3> 2022年3月9日 费皿啊</h3>
浙公网安备 33010602011771号