HTML
HTML
Hyper Text Markup Language
超文本标记语言（超文本包括文子，图片，视频...)
定义
它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形，视频，表格，链接等
遵循W3C（万维网联盟）标准
包括 结构，表现，行为化标准
简单的html程序
<!-- 在html中的注释是<!-- --> >
<!DOCTYPE html>
<!-- DOCTYPE 表示使用规范-->
<html lang="en">
<!-- <html></html>代表文档的开始与结束-->
<head>
<!-- <head>..表示文档的头部-->
<meta charset="UTF-8">
<!--<meta>提供页面的元素信息 meta-information-->
<title>title</title>
<!--网页名称-->
</head>
<body>
<!--<body>文档主体-->
</body>
</html>
基本标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<a href = "top">top</a>
<!-- 1 锚链接的头-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<!-- 2 标题标签 hn n = 1~6 -->
<strong>不第后赋菊</strong><br/>
<!-- 3 <strong>字体加粗 <br/>换行 -->
<em>黄巢</em><br/>
<!-- 4 <em>斜体 -->
<p>待到秋来九月八， 我花开后百花杀。</p>
<p>冲天香阵透长安， 满城尽带黄金甲。</p>
<!-- 5 <p>段落标签 空格 -->
> <
<hr/>
©
<!-- 6 水平线标签 > > < < © 版本号-->
<img src = "../../resources/picture/1.jpg" alt = "名字">
<!-- 7 <img>加载图片 src图片地址 alt取名 ../返回上一级目录 -->
<a href = "https://www.baidu.com" target = "">点击跳转</a>
<!-- 8 <a>超链接 href 跳转后的地点 target规定在何处打开链接文档 -->
<a href = "#top">返回top</a>
<!-- 1 锚链接 用#加地址 -- >
<!-- 9 功能性链接 mailto邮件链接 <a href = "mailto邮箱"></a>
</body>
</html>
行内元素：使用标签不换行
块元素： 换行(不知道这样准不准确 😓)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>roar</title>
</head>
<body>
<ul>
<li>将进酒</li>
<li>君不见黄河之水天上来，奔流到海不复回</li>
<li>君不见高堂明镜悲白发，朝如青丝暮如雪</li>
<li>人生得意须尽欢，莫使金樽空对月。</li>
</ul>
<ol>
<li>天生我材必有用，千金散尽还复来。</li>
<li>烹羊宰牛且为乐，会须一饮三百杯。</li>
<li>岑夫子，丹丘生，将进酒，杯莫停。</li>
<li>与君歌一曲，请君为我倾耳听。</li>
</ol>
<dl>
<dt>钟鼓馔玉不足贵⑽，但愿长醉不复醒。</dt>
<dd>古来圣贤皆寂寞，惟有饮者留其名。</dd>
<dt>陈王昔时宴平乐，斗酒十千恣欢谑。</dt>
<dd>主人何为言少钱⒀，径须沽取对君酌。</dd>
<dd>五花马、千金裘，呼儿将出换美酒，与尔同销万古愁</dd>
</dl>
<!-- <ul>是无序，<ol>是有序 <dl>是自定义 dt是标题 dd是内容 -->
</body>
</html>
表格
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>课程表</title>
</head>
<body>
<table border="1">
<!-- border 给表格加上边框-->
<thead>
<tr>
<th colspan="8">课程表</th>
</tr>
</thead>
<tbody>
<tr>
<!-- tr 创建一行 -->
<td colspan="3">时间/日期</td>
<!-- td 单元格数 -->
<!-- colspan 跨行 -->
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
</tr>
<tr>
<td rowspan="2">上午</td>
<!-- rowspan 跨列-->
<td colspan="2"> 8:00 ~ 9:40</td>
<td>体育</td>
<td>体育</td>
<td>体育</td>
<td>体育</td>
<td>体育</td>
</tr>
<tr>
<td colspan="2">10:10 ~ 11:50</td>
<td>体育</td>
<td>体育</td>
<td>体育</td>
<td>体育</td>
<td>体育</td>
</tr>