md常用语法和htm语义化结构元素

php中文网的第一课

md常用语法

段落

这里面是一个段落

列表

有序的列表
1.每天坚持学习php
2.每天坚持学习php
3.每天坚持学习php

无序的列表

前端课程
- html
- css
- javapscript
后端课程
- php

引用

引用事例

单行代码

·<?php echo ‘php我来了’; ?>·

多行代码

<!doctype html>
<html>
<head>
<title>多行html代码</title>
</head>
<body>
这个是一个html代码
</body>
</head>
</html>

链接

php 中文网
 百度

php 中文网 https://www.php.cn
https://www.php.cn

图片

tp6

表格

id	物料代码	物料名称	规格型号	数量	单价	金额
1	01	电脑	联想	2	5000	10000
2	02	手机	华为	5	5000	25000

语义化结构元素

常用标签

序号	标签	名称	描述
1	`<h1>-<h6>`	标题	通常用来划分或标注内容中的文本段落
2	`<header>`	页眉	一般是由导航, logo 等元素组成
3	`<footer>`	页脚	一般是由友情链接,联系方式,备案号,版权等信息组成
4	`<nav>`	导航	导航通常是由一个或多个链接标签`<a>`标签组成
5	`<main>`	主体	展示页面主体内容,建议一个页面,只出现一次
6	`<article>`	文档	本义是文档, 实际上可以充当其它内容的容器
7	`<aside>`	边栏	与主体无关的信息(广告位, 相关推荐, 阅读排行等)
8	`<section>`	区块	文档或主体中的通用小组件
9	`<div>`	容器	本身无任何语义,通过它的属性来描述用途

代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>元素标签与属性</title>
    <link rel="stylesheet" href="css/demo1.css" />
  </head>
  <body>
    <!-- 页眉 -->
    <header>
      <h1>&lt;header&gt;</h1>
    </header>
    <div class="container">
      <!-- 边栏 -->
      <aside>
        <h1>&lt;header&gt;</h1>
      </aside>
      <!-- 主体区 -->
      <main>
        <h1>&lt;main&gt;</h1>
      <div>
        <section>
          <h1>&lt;section&gt;</h1>
        </section>
        <section>
          <h1>&lt;section&gt;</h1>
        </section>
      </div>
    </div>
  </main>
    <!-- 页脚 -->
    <header>
      <h1>&lt;footer&gt;</h1>
    </header>
  </body>
</html>

批改老师：

天蓬老师

批改状态：合格

老师批语：非常认真哟, 坚持

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

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

0条评论

作者最新博文

md常用语法和html语义化结构元素

2020-09-29 09:38:03