简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > Markdown基本运用与HTML描述及标签
Blogger Information
Blog 8
fans 0
comment 0
visits 3604
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
Markdown基本运用与HTML描述及标签
平凡之路
Original
671 people have browsed it

一、markdown 演示

1.标题

  1. # 一级标题
  3. ### 二级标题
  5. #### 三级标题
  7. #### 四级标题
  9. ##### 五级标题
  11. ......

如下示例

这是四级标题

这是五级标题
这是六级标题

……

2.列表

2.1 无序列表

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

2.2 有序列表

  • 西瓜
  • 香蕉
  • 橘子
  • 菠萝
  • 橙子

3.代码

1 单行代码 单引号包住开头结尾
<?php include "header.php">

2 多行代码 三个引号包住开头结尾

  1. <!DOCTYPE html>
  2. <html>
  3.   <head></head>
  4.   <body></body>
  5. </html>
  1. $name="admin"
  2. $user="123456"
  3. {
  4.   //...
  5. }

4.表格

日期 金额 数量 金额
5 日 10 元 5 30
5 日 10 元 6 30
5 日 10 元 8 30
5 日 10 元 10 30
5 日 10 元 3 30

5.图片 链接

语法：！[图片说明]（图片地址 可以使本地 也可以是网络的）

php 中文网

链接:<链接>

php 中文网第十九期：https://www.php.cn/live/1382.html

二、HTML 文档描述及标签

html 文档描述

序号 名称 描述
1 结构化 像一根树,从根到叶子，具有明显层次
2 DOM html 结构使用文档对象模型来描述（document objet model）
3 元素 html 中的元素，如根节点、头部、主体等使用<标签>来描述
4 标签 用来描述元素，通常具有一定语义,例如<head>,<body>,也有通用无语义的<div>,<span>
5 属性 描述元素特征和或行为，写在标签/起始标签中，如<meat charser="UTF-8">
6 html 文档大小写不敏感的，与完全没有区别，<BODY>,<body>但是推荐全部小写，除约定外(‘UTF-8’)

标签

序号 标签 描述
1 <doctype html> 声明文档类型：是 html 类型文档
2 <html lang="zh-cn"> 根元素： 页面语言
3 <head></head> 头元素：工浏览器或搜索引擎解析时参考
4 <meat charset="UTF-8"/> 元标签 meta charset 默认字符集 utf-8 可表示世界上几乎所有已知语言字符集
5 <meat http-equiv="X-UA-Compatible" content="IE=edge"/> 浏览器兼容,原用于 IE8 适配,可确保按 IE 最高版本来解析页面,可有可无,现在微软也采用了 Chrome 内核啦
6 <meta name="viewport" content="width=device-width,initial-scale=1.0"/> *视口适配控制:极其重要,这涉及到三个”视口”类型之间的转换与适配,后面讲到移动端布局更细说
7 <title></title> 页面标题：显示在浏览器标签页、用于描述页面信息
8 <link rel="styllesheet" herf="style.css"> 引入外部样式表
9 <body><body> 主体元素：页面实际显示的类容，也是开发重点和用户真真关注的部分
10 <h1><h1>,<h2><h2>,<h3><h3>... 标题标签
11 <p><p> 段落标签
12 <span><span> 行内块
12 <ol><ol> 有序列表 需要搭配li标签使用
12 <ol><ul> 无序列表 需要搭配li标签使用
12 <b><b> 粗体
12 <i><i> 斜体
13 <div><div> 块
13 <video sre="1.mp4"></video> 视频

注：单标签通常引用外部资源,双标签内容来自开发者提供。

Correcting teacher：PHPzPHPz

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
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！