html教程：https://www.w3cschool.cn/html/html-tables.html
html参考手册：https://www.w3cschool.cn/htmltags/

基本概念：<标签 属性=”值” 属性=”值”>text</标签>

标签，开始标签（属性，值），结束标签
内容
元素 = 开始标签（属性+值） + 内容 + 结束标签
有时我们不区分标签和元素

常用标签

基础框架

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7. </head>
  8. <body>
  10. </body>
  11. </html>

常用标签

head

定义了文档的信息
</a></td> <td style="text-align:center">定义了文档的标题</td> </tr> <tr> <td style="text-align:center"><a rel="nofollow" href="https://www.w3cschool.cn/htmltags/tag-base.html"><base></a></td> <td style="text-align:center">定义了页面链接标签的默认链接地址</td> </tr> <tr> <td style="text-align:center"><a rel="nofollow" href="https://www.w3cschool.cn/htmltags/tag-link.html"><link></a></td> <td style="text-align:center">定义了一个文档和外部资源之间的关系</td> </tr> <tr> <td style="text-align:center"><a rel="nofollow" href="https://www.w3cschool.cn/htmltags/tag-meta.html"><meta></a></td> <td style="text-align:center">定义了HTML文档中的元数据</td> </tr> <tr> <td style="text-align:center"><a rel="nofollow" href="https://www.w3cschool.cn/htmltags/tag-script.html"><script></a></td> <td style="text-align:center">定义了客户端的脚本文件</td> </tr> <tr> <td style="text-align:center"><a rel="nofollow" href="https://www.w3cschool.cn/htmltags/tag-style.html"><style></a></td> <td style="text-align:center">定义了HTML文档的样式文件</td> </tr> </tbody> </table> <p><a name="wVlET"></a></p> <h3 id="bm373s"><a name="bm373s" class="reference-link"></a><span class="header-link octicon octicon-link"></span>body</h3><hr> <p><h></h><br /><p></p></p> <ul> <li>对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。</li></ul> <p>当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。<strong>对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。</strong></p> <ul> <li><strong>HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。</strong></li></ul> <p><br/>：break：换行</p> <ul> <li><br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。</li></ul> <hr> <p><a></a>：anchor</p> <ul> <li>href</li><li>target：href默认是在本窗口打开，设置target=”_blank”使得超链接在新的窗口打卡</li></ul> <p><img>：</p> <ul> <li>src</li><li>alt：alternative：当图片加载不出来时，会用alt中的文本进行替代</li><li>width</li><li>height</li></ul> <hr> <p><table></table><br /><tr></tr>：table row：创建表格的一个单元格<br /><th></th>：table head：表格的一个标题<br /><td></td>：table data：表格的单元格的一列<br /><a rel="nofollow" href="https://www.cnblogs.com/leona-d/p/6125896.html">https://www.cnblogs.com/leona-d/p/6125896.html</a></p> <hr> <p><div></div>：division<br /><span></span>：span<br /><img src="https://cdn.nlark.com/yuque/0/2020/png/1079241/1587087178860-4fbd344d-0ad8-48da-9dc1-ed3e906881b7.png#align=left&display=inline&height=40&margin=%5Bobject%20Object%5D&name=image.png&originHeight=80&originWidth=990&size=26935&status=done&style=none&width=495" alt="image.png"></p> <hr> <p><a name="FUP2f"></a></p> <h1 id="f262m9"><a name="f262m9" class="reference-link"></a><span class="header-link octicon octicon-link"></span>常用属性</h1><ul> <li><p>属性一般描述于<strong>开始标签</strong></p> </li><li><p><strong>属性值应该始终被包括在引号内。</strong></p> </li></ul> <p><strong> 提示:</strong> 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name=’John “ShotGun” Nelson’</p> <ul> <li>多个属性使用space进行分割即可</li></ul> <p>每个元素都可以用的属性：class id style title</p> <table> <thead> <tr> <th style="text-align:center">属性</th> <th style="text-align:center">描述</th> </tr> </thead> <tbody> <tr> <td style="text-align:center">class</td> <td style="text-align:center">为html元素定义一个或多个类名（classname）(类名从样式文件引入)</td> </tr> <tr> <td style="text-align:center">id</td> <td style="text-align:center">定义元素的唯一id</td> </tr> <tr> <td style="text-align:center">style</td> <td style="text-align:center">规定元素的行内样式（inline style）</td> </tr> <tr> <td style="text-align:center">title</td> <td style="text-align:center">描述了元素的额外信息 (作为工具条使用)</td> </tr> </tbody> </table>