用记事本写代码来表示网页版的数学公式（只需要记事本＋浏览器）

最新推荐文章于 2022-07-30 22:06:39 发布

菜菜笔记

最新推荐文章于 2022-07-30 22:06:39 发布

阅读量970

点赞数 1

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/qq_43519774/article/details/123077678

版权

前端专栏收录该内容

1 篇文章

订阅专栏

前几天盆友过来说他的室友记笔记是用代码写的今天我也琢磨了一个html版的代码笔记，比起word来记笔记要方便得许多。

步骤：

用记事本建立一个txt文件，打开输入前端代码，改txt为html格式。保存打开即可

要点：

主要是符号的打印；

    <sup>2</sup> //上标

    <sub>2</sub>//下标

一些常见的符号在这里：

HTML ISO-8859-1 参考手册

主要是积分的打印；

&int;<sup>x</sup><span style="position:relative;top:10px;left:-10px"><sub>y<sub></span> 
</body>

这是定积分的打印，在上下标的基础之上修改了上下标的位置

另外分数的打印也是基于这个思路，不推荐，比较繁琐，直接用"/"方便得多。

不过只是写公式而已，才发现csdn的公式工具也很好用，好吧，大家图个乐吧

代码：

<!DOCTYPE html><html><head></head>
<body>
    a<sup>2</sup>
<div>
    a<sub>2</sub>
</div>
<div>
    √<span  style="text-decoration:overline;">5</span>
</div>

 <div>
      <h2>算数运算符</h2>
	<table border="1" height="50" width="250" cellspacing="0" align="left">
		<tr> 
  	          		<td>&times; </td>
   	       		 <td>&divide;</td>
			<td>&plusmn;</td>
			<td>&prod;</td>
			<td>&sum;</td>
		</tr>
	</table> 
 </div>

<br/>
<br/>

 <div>
  
    <div><h2>常见数学字符</h2></div>
	<table border="1" height="50" width="250" cellspacing="0" align="left">
		<tr> 
  	          		<td> &pi;</td>
   	       		 <td>&mu;</td>
			<td>&theta;</td>
			<td>&lambda;</td>
			<td>&infin; </td>
			<td>&int; </td>
		</tr>
	</table> 

 </div>

<br/><br/><br/><br/>

 <div>
  
    <div><h2>分数</h2></div>
<span style="position:relative;top:-10px;left:15px;">1</span><span style="position:relative;left:-5px">——</span><span style="position:relative;top:10px;left:-40px;">122</span>

 <div><h2>积分符号</h2></div>
&int;<sup>x</sup><span style="position:relative;top:10px;left:-10px"><sub>y<sub></span> 
</body>



    <div><h2>演示</h2></div>
    &int;<span style="position:relative;top:-10px;left:15px;">1</span>
<span style="position:relative;left:-5px">——</span>
<span style="position:relative;top:15px;left:-50px;">√<span  style="text-decoration:overline;">1-x<sup>2</sup></span></span>
=
<span style="position:relative;top:-10px;left:10px;">a<sup>2<sup></span><span style="position:relative;left:-10px">—</span><span style="position:relative;top:10px;left:-25px;">2</span>
arcsin(x/a)+1/2(x&times;√<span  style="text-decoration:overline;">a<sup>2</sup>-x<sup>2</sup></span></span>)
+c