这是一个测试

• 这是一个测试
• 基础知识点
• 笔记
  • 1. 字体居中和改变字体大小
  • 2. HTML一些知识点
  • 3. 注脚
  • 4. 改变文本位置、大小、颜色

基础知识点

1. 缩进

• 使用全角空格(切换快捷键shift+空格)。即：在全角输入状态下直接使用空格键就ok了

2. 添加空一行

• 使用 <br> 保持他的前面有两个空格然后回车，再添加，注意这里有很多问题，有时候要保持前后都要空一行。
•   这也可以空一行，保持前后都有空行就行，感觉稳定一些。

3. 高亮

   ==带高亮文本==
   用两个等于号包围

4. 下划线

   <u>下划线</u>
   用两个<u>包围

5. 插入图片
   教程

   图片插入的统一格式是
   ![Alternative text](link "optional title")

   Alternative text：图片的Alternative文本，用来描述图片的关键词，可以不写。最初的本意是当图片因为某种原因不能被显示时而出现的替代文字，后来又被用于SEO，可以方便搜索引擎根据Alt text里面的关键词搜索到图片。

   link：可以是图片的本地地址、网址。

   "optional title"：鼠标悬置于图片上会出现的标题文字，可以不写。

   使用base64图片编码时格式：

   ![Alternative text][base64 label] //都是中括号[]

• 相对路径图片插入

  如何返回父级目录../可以返回父级，通过累加使用可以一直返回上一级文件夹

   

  比如同一父级文件夹下从A文件夹获取B文件夹下的jap.jpg
  相对路径为 ../B/jap.jpg

  
  

  ./zha.jpg 这是在同一目录下的图片路径

  
  

  在这里我插入她的图片
  

• 如果对图片进行操作那么要进行下面的代码 链接

   

  • Markdown语言图片居中、并调整图片大小

    1. 居中，并指定图片宽度和高度，代码如下：

    <div align="center"> <img src="photograph/girl.jpg" alt="girl" width="200" height="200"> </div>
    

    
    2. 居中，仅指定宽度（高度按比例缩放），代码如下

    <div align="center"> <img src="photograph/girl.jpg" width = 400 /> </div>
    

    
    3. 居中，指定相对宽度（原图的百分比），代码如下：

    <div align=center> <img src="图片地址" width = 80%/> </div>
    

    

笔记

1. 字体居中和改变字体大小

<div align='center' ><font size='70'>实习总结报告</font></div>

2. HTML一些知识点

<span style="display:block;text-align:center;color:red;"> 标题</span>

这段代码的作用是改变颜色并且将自己居中

• span
  <span> 是 HTML 中的内联元素，用于在文本中封装一小段内联内容，并且可以对这段内容应用样式或添加其他属性。<span> 元素本身并没有特定的语义含义，它仅仅是一个用来包裹文本的容器。你可以在 <span> 元素上应用 CSS 样式

• style
  style 是 HTML 中的属性，用于为元素指定样式。通过 style 属性，你可以直接在HTML 元素中定义内联样式，而不需要使用外部的 CSS 文件。style 属性接受一串 CSS 样式规则，多个样式规则之间使用分号进行分隔。每个样式规则由属性和值组成，用冒号将它们分开。

• display
  display 是 CSS 中的一个属性，用于控制元素的显示方式。通过设置 display 属性，你可以改变元素在页面中所占据的空间和布局方式。
  以下是一些常见的 display 属性取值及其作用：
  block：将元素显示为块级元素，使其独占一行，并且可以设置宽度、高度以及外边距和内边距。
  inline：将元素显示为内联元素，使其与相邻元素在同一行上，并且宽度、高度不可设置。
  inline-block：将元素显示为内联块级元素，使其与相邻元素在同一行上，但可以设置宽度、高度以及外边距和内边距。
  none：将元素隐藏，不占据页面空间。
  flex：使用弹性布局模型显示元素，可以轻松实现复杂的布局结构。
  grid：使用网格布局模型显示元素，用于实现复杂的网格布局。

3. 注脚

脚注是对文本的补充说明。
要创建脚注参考，请在方括号（[^1]）内添加插入符号和标识符。 标识符可以是数字或单词，但不能包含空格或制表符。标识符仅将脚注参考与脚注本身相关联-在输出中，脚注按顺序编号。
在括号内使用另一个插入符号和数字添加脚注，并用冒号和文本（[^1]): My footnote.）。您不必在文档末尾添加脚注。您可以将它们放在除列表，块引号和表之类的其他元素之外的任何位置。

代码块如下

中华人民伟大复兴[^1]
[^1]：指在中国新时代的伟大使命，是中国必将达到的总目标

演示如下

为什么总提及中华人民伟大复兴^[1]

4. 改变文本位置、大小、颜色

<div align=right> hello! P</div>  改变位置

left  center  right

<font face="宋体" color=red size=5> 文本 </font>
face 是字型
color 颜色
size 字体大小 数字越大，字体越大 3差不多是正常字体

示例如下

文本