📄 arrange.html

📁 jsp课件

💻 HTML

字号:

<html>
<head>
  <title>排版样式属性</title>
</head>
<style type="text/css">
<!--
    p.indent{text-indent:2em}
    p.spacing{letter-spacing:1em}
    p.height{line-height:2.5}
    p.halign{text-align:center}
    p.valign{vertical-align:top}
-->
</style>
<body>
<table border=1>
  <tr>
   <td width=50%>
   <p class=indent>
      李商隐：落花
   </p>
   </td>
   <td>
      <p class=indent>首行缩进：2em</p>
   </td>
   </tr>
   <tr>
    <td>
      <p class=spacing>高阁客竟去，小园花乱飞。</p>
    </td>
    <td>
      <p class=spacing>字符间距：1em</p>
    </td>
    </tr>
    <tr>
      <td>
       <p class=height>参差连曲陌，<br>迢递送斜晖。</p>
      </td>
      <td>
       <p class=height>行距：2.5倍</p>
      </td>
      </tr>
      <tr>
       <td colspan=2>
       <p class=halign>肠断未忍扫，眼穿仍欲归。</p>
       </td>
       </tr>
       <tr>
       <td colspan=2>
       <p class=halign>水平对齐：居中对齐</p>
       </td>
      </tr>
      <tr height=80>
      <td>
      <p class=valigh>芳心向春尽，所得是沾衣。</p>
      </td>
      <td>
      <p class=valigh>垂直对齐：向上对齐</p>
      </td>
      </tr>
</table>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -