2- Javaweb学習 - ブロックタグ、タグライン
図1に示すように、ブロックタグ:一列独立
(1)HN:タイトル
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
(2)P:段落
<p>段落内容</p>
(3)一覧
①順不同リスト
<ul>
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
<li>项目四</li>
<li>项目五</li>
</ul>
②順序付きリスト
<ol>
<li>第一步</li>
<li>第二步</li>
<li>第三步</li>
<li>第四步</li>
</ol>
③定義リスト
<dl>
<dt>描述标题</dt>
<dd>描述内容</dd>
<dd>描述内容</dd>
<dd>描述内容</dd>
</dl>
(4)時間:水平線
<hr />
(5)表:表
①三行五列
<table>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
<td>第一行第三列</td>
<td>第一行第四列</td>
<td>第一行第五列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
<td>第二行第三列</td>
<td>第二行第四列</td>
<td>第二行第五列</td>
</tr>
<tr>
<td>第三行第一列</td>
<td>第三行第二列</td>
<td>第三行第三列</td>
<td>第三行第四列</td>
<td>第三行第五列</td>
</tr>
</table>
②合并列的表格:添加colspan列的属性
<table border="1" width="500" height="200">
<tr>
<td colspan="2"></td>
<td colspan="2"></td>
<td colspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td colspan="2"></td>
<td></td>
</tr>
</table>
③合并行的表格:合并行添加属性rowspan
<table border="2" width="600" height="300">
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td rowspan="2"></td>
<td></td>
</tr>
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
④合并行和列的表格:先把没有合并行及合并列的表格的行来列数出来,并写出来、数一下,经过合并后,每一行上有多少列,把它写出来、添加属性colspan或rowspan
<table border="1" width="800" height="350">
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
<td colspan="3"></td>
<td></td>
</tr>
<tr>
<td></td>
<td rowspan="3"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
⑤解释
<td align="center" valign="bottom">我是单元格内文字</td>
align:水平方向位置 left right center
valign:纵向方向位置 top middle bottom
<table border="1" width="800" height="350" cellspacing="0" cellpadding="10">
Cellspacing:单元格之间的间隙
Cellpadding:单元格内的内填充值
<caption><h1 align="center">表格标题</h1></caption>
(6)フォーム:フォームは、データを送信します。データキャリア
<form action="dologin.jsp" method="get">
action:提交数据处理地址
method:发送数据方式 get post
(7)DIV:レイヤ、コントロールコンテナ
<div style="width: 300px;height: 120px;background-color: #CCC;">
<p>北冥有鱼其名为鲲</p>
</div>
2、行ラベル:あなたは別の1ラインがフルラインが続いていないことができ、ワードラップ
(1)IMG:写真
<img src="img/logo.png" width="300" height="50" alt="此图片不存在,提示文字" title="鼠标悬停在上面提示文字"/>
①解释
src:不可缺
width:图片宽度
height:图片高度
alt: 此图片不存在,提示文字
title: 鼠标悬停在上面提示文字
②推荐使用网络图片的扩展名 .jpg .png .gif
. bmp 位图 无压缩 不适合网络使用
.jpg 压缩图片 支持千万种颜色
.png 压缩图片 支持千万种颜色 支持透明背景
.gif 压缩图片 支持256种颜色 支持透明背景 支持动画
③图片路径:相对路径和绝对路径
相对路径:向下 按目录层次关系写
编码:向上 向上一级../ 向上二级../../ 向上三级../../../
(2):リンク
<a href="index.html" target="_blank">链接元素</a>
Href:链接地址 不可缺省
target="_blank" 打开链接目标窗口
_blank 新的空白窗口下打开链接
_self 在自己的窗口打开链接
(3)このページのアンカーリンク
①定义锚点:<a name="mybottom">元素</a>
②链接锚点:<a href="#mybottom">链接元素</a>
ページのアンカーリンクを介して(4)
①页面定义锚点:<a name="mybottom">元素</a>
②页面链接锚点,在链接上加一个页面地址<a href="home.html#mybottom">链接元素</a>
(5)他の行ラベル
①<span>元素</span>:范围
②<i>元素</i>:斜体
③<strong>元素</strong>:加粗
④<b>元素</b>:加粗
⑤<sub>元素</sub>:下标
⑥<sup>元素</sup>:上标
(6)のHTMLエンティティ
① 空格
②<小于号<
③>大于号>
④©版权
⑤® 注册商标