html 测试响应表演示文稿。

Posted 2021-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 测试响应表演示文稿。相关的知识，希望对你有一定的参考价值。

<p>
	<strong><span style="text-decoration:underline;">Vous souhaitez des id&eacute;es de d&eacute;coration de bouquets de ballons ! cliquez sur la vignette de votre choix</span></strong></p>
<table border="0" cellpadding="0" cellspacing="0" class="tableau-fluide">
	<tbody>
		<tr>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-licence.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr/client/gfx/images/aaaLicences0001.jpg" style="width: 100%;" /></a></td>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-noel.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNoel0013.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="text-align: center; width: 16%;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-special-occasion.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaOccasuins%20sp%C3%A9ciales0009(1).jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="text-align: center; width: 16%;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-saint-valentin.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaSaint%20Valentin0040.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-paques.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaPaques0009.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-fete-des-peres.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px;"><img alt="" src="http://alafete.fr//client/gfx/images/aaafete%20des%20p%C3%A8res0002.jpg" style="height: 260px; width: 140px;" /></a></td>
		</tr>
		<tr>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-amour-et-tendresse.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaAmour%20et%20tendresse0002(1).jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-pour-le-jour-de-l-an.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNouvelAnjpg.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-halloween-1.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px; text-align: center; font-weight: bold;"><img alt="" src="/client/gfx/images/aaahalloween.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="text-align: center; width: 16%;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-naissance.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNaissance0017.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-fete-des-meres.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaafete%20des%20meres0010.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="text-align: center; width: 16%;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-anniversaire.html" style="text-decoration: underline; outline: 0px; font-weight: bold; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaanniv.jpg" style="height: 260px; width: 140px;" /></a></td>
		</tr>
	</tbody>
</table>

.tableau-fluide {
  width: 100%;
  height: auto;
}
.tableau-fluide > img {
  width: 100%;
  height: auto;
}
@media (min-width: 360px) {
  .tableau-fluide td {
    width: 100%;
  }
}

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// Breakpoint (v2.5.0)
// ----

@import "breakpoint";
$phone : '360px';
.tableau-fluide {
  width:100%;
  height:auto;
  > img{
      width:100%;
      height:auto;
  }
  @include breakpoint($phone){
    td {
      width:100%;
    }
  }

}

<p>
	<strong><span style="text-decoration:underline;">Vous souhaitez des id&eacute;es de d&eacute;coration de bouquets de ballons ! cliquez sur la vignette de votre choix</span></strong></p>
<table border="0" cellpadding="0" cellspacing="0" class="tableau-fluide">
	<tbody>
		<tr>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-licence.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr/client/gfx/images/aaaLicences0001.jpg" style="width: 100%;" /></a></td>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-noel.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNoel0013.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="text-align: center; width: 16%;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-special-occasion.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaOccasuins%20sp%C3%A9ciales0009(1).jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="text-align: center; width: 16%;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-saint-valentin.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaSaint%20Valentin0040.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-paques.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaPaques0009.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-fete-des-peres.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px;"><img alt="" src="http://alafete.fr//client/gfx/images/aaafete%20des%20p%C3%A8res0002.jpg" style="height: 260px; width: 140px;" /></a></td>
		</tr>
		<tr>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-amour-et-tendresse.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaAmour%20et%20tendresse0002(1).jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-pour-le-jour-de-l-an.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNouvelAnjpg.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-halloween-1.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px; text-align: center; font-weight: bold;"><img alt="" src="/client/gfx/images/aaahalloween.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="text-align: center; width: 16%;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-naissance.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNaissance0017.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="width: 16%; text-align: center;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-fete-des-meres.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaafete%20des%20meres0010.jpg" style="height: 260px; width: 140px;" /></a></td>
			<td style="text-align: center; width: 16%;">
				<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-anniversaire.html" style="text-decoration: underline; outline: 0px; font-weight: bold; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaanniv.jpg" style="height: 260px; width: 140px;" /></a></td>
		</tr>
	</tbody>
</table>

以上是关于html 测试响应表演示文稿。的主要内容，如果未能解决你的问题，请参考以下文章

html 使用Jekyll Collections构建reveal.js演示文稿

单独工作的 javascript 使淋浴演示文稿空白

20161226xlVBA演示文稿替换文字另存pdf

如何在 C# 或 Perl 中以编程方式打开 PowerPoint 演示文稿并将其保存为 HTML/JPEG？

你还用PPT做演示文稿吗？

Reveal.js一个用来做WEB演示文稿的框架