Markdown学习初体验 - - php中文网博客

首页 > 博客列表 > Markdown学习初体验

博主信息

博文 9

粉丝 0

访问量 8975

专题推荐

更多>

第一次作业-Markdown学习初体验

开发环境

浏览器：Chrome
编辑器：Vscode

安装 Vscode

安装 vscode,并将推荐插件安装与配置好

vscode 插件列表

实例演示 emmet 语法

代码语言

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      /* css  高度w200 */
      /* css 背景 bgc */
      .box {
        width: 200px;
        background-color: #fff;
        background-color: red;
      }
    </style>
  </head>
  <body>
    <!-- *id class语法 -->
    <!-- 生成id div#  -->
    <div id=""></div>
    <!-- 生成class div. -->
    <div class=""></div>
    <!-- #box -->
    <div id="box"></div>
    <!-- .active -->
    <div class="active"></div>
    <!-- *文本 -->
    <!-- p{hello woeld} -->
    <p>hello woeld</p>
    <!-- *标签层级 -->
    <!-- div>p>a 上下层级-->
    <div>
      <p><a href=""></a></p>
    </div>
    <!-- div+p+a 兄弟平级-->
    <div></div>
    <p></p>
    <a href=""></a>
    <!-- div>p^a  -->
    <div>
      <p></p>
    </div>
    <a href=""></a>
    <!-- 重复 *n -->
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <!-- 重复+内容*n -->
    <a href="">link</a>
    <a href="">link</a>
    <a href="">link</a>
    <a href="">link</a>
    <a href="">link</a>
    <!-- 导航 ul>li*3>a{link} -->
    <ul>
      <li><a href="">link</a></li>
      <li><a href="">link</a></li>
      <li><a href="">link</a></li>
    </ul>
    <!-- 属性 -->
    <a herf="https://www.baidu.com">baidu</a>
    <!-- #header -->
    <div id="header"></div>
    <!-- 序号 $ ui>li{ltme$}*5-->
    <ul>
      <li>itme1</li>
      <li>itme2</li>
      <li>itme3</li>
      <li>itme4</li>
      <li>itme5</li>
    </ul>
    <!-- ul>li*5>a{link$} -->
    <ul>
      <li><a href="">link1</a></li>
      <li><a href="">link2</a></li>
      <li><a href="">link3</a></li>
      <li><a href="">link4</a></li>
      <li><a href="">link5</a></li>
    </ul>
    <!-- ul>li*5>a{link$$} -->
    <ul>
      <li><a href="">link01</a></li>
      <li><a href="">link02</a></li>
      <li><a href="">link03</a></li>
      <li><a href="">link04</a></li>
      <li><a href="">link05</a></li>
    </ul>
    <!-- ul>li*5>a{link$@5} -->
    <ul>
      <li><a href="">link5</a></li>
      <li><a href="">link6</a></li>
      <li><a href="">link7</a></li>
      <li><a href="">link8</a></li>
      <li><a href="">link9</a></li>
    </ul>
    <!-- ul>li*5>a{link$@-5} -->
    <ul>
      <li><a href="">link9</a></li>
      <li><a href="">link8</a></li>
      <li><a href="">link7</a></li>
      <li><a href="">link6</a></li>
      <li><a href="">link5</a></li>
    </ul>
  </body>
</html>

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

Markdown学习初体验

2021-09-18 01:01:29

第一次作业-Markdown学习初体验

开发环境

安装 Vscode

实例演示 emmet 语法

代码语言