对比学一下HTML和Latex的常用输入输出——图像与表格

最新推荐文章于 2024-08-16 08:39:55 发布

菘菓菌sgg

最新推荐文章于 2024-08-16 08:39:55 发布

阅读量295

点赞数

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

本文链接：https://blog.csdn.net/qq_43403422/article/details/121170106

版权

HTML和LaTeX 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

本文主要写明如何进行插图插表操作，比较简单。

插图

HTML插图

定义标签：<img>，语法如下：

<img src="url" alt="text" width="number" height="number">

src	source，资源路径
alt	图片资源失效时显示的文字
height	图片显示高度
weight	图片显示宽度
border	图片的边框宽度，一般设为0

如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。

创建图像链接使用如下代码：

<a href="//www.huyanxiaozan.asia"><!--定义链接-->
<img  border="5" src="ok.png" alt="text" width="32" height="32"></a>

Latex插图

\documentclass{article}

\usepackage{graphicx} %引入宏包

\begin{document}

\includegraphics[scale=0.6]{url} %插图命令，scale表示缩放因子

\end{document}

引入宏包之后调用即可，还可以使用width和height两个参数指定长宽。比起这种插图方法，更多的是用浮动体。

\begin{figure}[htbp] %开始浮动体

\centering %图片居中
\includegraphics[scale=0.6]{fullscreen.png}
\caption{图片标题} %图片编号和标题
\label{标签} %图片标签
\end{figure}

htbp的意思如下：

h	here此处
t	top顶部
b	bottom底部
p	page独立一页

在figure后面加*号可以把单栏的图片双栏显示。

插表

HTML插表

<table> 标签定义。 <tr> 标签定义行， <td> 标签定义列。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菘菓菌sgg</title> 
</head>
<body>

<h4>跨两列:</h4>
<table border="1">
<tr>
  <caption>表1</caption>
  <th>姓名</th>
  <th colspan="2">爱好</th>
</tr>
<tr>
  <td>菘菓菌</td>
  <td>吃</td>
  <td>玩</td>
</tr>
</table>

<h4>跨两行:</h4>
<table border="1">
<caption>table 2</caption>
<tr>
  <th>姓名:</th>
  <td>菘菓菌</td>
</tr>
<tr>
  <th rowspan="2">爱好</th>
  <td>吃</td>
</tr>
<tr>
  <td>玩</td>
</tr>
</table>

</body>
</html>

模板里面的参数：

<table>	表格标签
border	边框宽度
<th>	定义表头(黑体居中)
<tr>	从上到下表示行
<td>	从左到右表示列
<caption>	表格标题
rowspan = 2	参数：该格跨两行
colspan = 2	参数：该格跨两列