Blogger Information
Blog 6
fans 0
comment 0
visits 3763
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
PHP作业-HTML-2020-09-28
开吉尔软件
Original
713 people have browsed it

2020-09-28作业 第1课

  1. 掌握课堂上提及的所有markdown语法,并实例演示
  2. 理解语义化结构元素的种类与用途,并实例演示

1.Markdown语法

-markdown 是轻量级的标记语言
-markdown 是简化的HTML
|序号|元素 |标签|
|—-|—- |—-|
|1 |标题 |’#’,’##’,’###’…
|2 |段落 | 行末加2个空格或者行与行空一行
|3 |文本 |斜体加粗
|4 |分隔符| ‘—-’不少于3个
|5 |列表 |有序 1. …,无序 - …
|6 |引用 | > …
|7 |代码 | 单行:` ,多行:```
|8 |链接 | [名称](URL)<>
|9 |图片 | !名称
|10 |表格 | 用|画表格

(1)用1个#到6个#代表1-6级标题,如下:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

(2)对应的html标签及段落:

<用 & lt;表示, >使用& gt;表示

<head >

~<h6>


(3) 文本的斜体与加粗

开吉尔开吉尔

(4)分隔符


(5)列表

-有序
1.预习
2.上课
3.复习
4.提高

-无序列表

  • 前端
    • html
    • css
    • javascript
  • 后端
    • php
    • java
    • python

(6)引用 >

学好PHP
开发网站
开发小程序
开发软件


(7)代码

-单行代码 使用反引号(在键盘的左上角ESC正下方的~下面的字符)
单行代码
<?php include "header.php" ?>

-多行代码 使用3个反引号```,

  1. <!doctype html>
  2. <html>
  3. <head></head>
  4. <body>
  5. </body>
  6. </html>

(8)链接


(9)图片


(10)表格 硬画出来

id 品名 单位 单价 数量 金额
1 软件 2800 2 5600
2 打印机 1600 1 1600

2.结构化结构元素

(1)语义化结构元素的种类与用途

  1. H1-H6 标题 突出显示文本
  2. <header> 页眉 导航,logo等元素
  3. footer 页脚 版权信息,联系方式等
  4. nav 导航 1个或者多个<a>标签
  5. main 主机 页面主体
  6. article 文档 其它内部的容器
  7. aside 边栏 与主体无关的信息
  8. section 区块 通用不组件
  9. div 容器 通过属性描述对象

(2)实例演示

<html>
<head>
<title></title>
</head>

<body>
<!--网站头部 -->
<header>
<!-- -->
</header>

<!--网站导航 -->
<nav>

</nav>

<!--网站主体 -->
<aside>

</aside>
<main>
<section></section>
<secton></secton>
</main>

<!--网站底部 -->
<footer>

</footer>
</body>
</html>

Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:许多格式没有显示出来 , 发布了打开看一眼
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post