ASCII码 ASCII码

Markdown基本运用与HTML描述及标签

发布于:2022-03-18 10:01:24  栏目:技术文档

一、markdown 演示

1.标题

  1. # 一级标题
  2. ### 二级标题
  3. #### 三级标题
  4. #### 四级标题
  5. ##### 五级标题
  6. ......

如下示例

这是四级标题

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

……


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> 视频

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

相关推荐
阅读 +