博客列表 >小兽/第一课作业:md文本编译与html语义化的实例

小兽/第一课作业:md文本编译与html语义化的实例

小兽
小兽原创
2020年09月28日 23:02:35498浏览

第13期第一课作业


1.md编译要点

  1. 同一文本文档中应只有一个大标题,
  2. html是超文本标记语言,md是超轻量标记语言

2.表格演示

名称 成交价 在售数量 今日交易量
煤炭 0.29 758500 45495
化工原料 0.24 58685 41395
0.8 34441 26887

3.其他演示

1.引用

>我们的工人在走出生产过程时同他进入生产过程时是不一样的。在市场上,他作为“劳动力”这种商品的所有者与其他商品的所有者相遇,即作为商品所有者与商品所有者相遇。他把自己的劳动力卖给资本家时所缔结的契约,可以说象白纸黑字一样表明了他可以自由支配自己。在成交以后却发现:他不是“自由的当事人”,他自由出卖自己劳动力的时间,是他被迫出卖劳动力的时间;实际上,他“只要还有一块肉、一根筋、一滴血可供榨取”,吸血鬼就决不罢休。—马克思

2.图片
图片实例1
tp6


4.html语义化结构理解与运用

  1. html的语义化结构指的是由多个标签组成的结构为语义化结构,一个页面由不同部分组成的,那么可以使用标签来进行写入。
  2. html通过标签写入内容,通过单表签嵌入css样式来填充布局。

5.html实例

  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  5. <!-- 网页标题 -->
  6. <title>小兽的第13期第一课作业</title>
  7. <!-- css引用 -->
  8. <link rel="stylesheet" href="css/demo1.css"/>
  9. </head>
  10. <body>
  11. <!-- 头部/页眉,多用于显示logo及基础功能按钮 -->
  12. <header>
  13. <h1>&lt;header&gt;标签:多用于显示logo及基础功能按钮</h1>
  14. </header>
  15. <div class="container">
  16. <aside>
  17. <h1>&lt;aside&gt;标签:侧边工具栏,广告位</h1>
  18. </aside>
  19. <main>
  20. <h1>&lt;main&gt;标签:网页主体区域</h1>
  21. <div>
  22. <section>
  23. <h1>区块1</h1>
  24. </section>
  25. <section>
  26. <h1>区块2</h1>
  27. </section>
  28. </div>
  29. </main>
  30. </div>
  31. <footer>
  32. <h1>&lt;footer&gt;标签:多用于显示版权、备案展示等</h1>
  33. </footer>
  34. </body>
  35. </html>

6.html实例页面截图

图片

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议