今天學習一些文本標籤, <q></q>短引用語 <cite></cite> 引用、引證 <dfn> 定義項目
<bdo></bdo>改變文字方向,它需要屬性dir。
<blockquote></blockquote>長引用,文本默認居中。
<!DOCTYPE html>
<html>
<head>
<mate charset="utf-8">
<title></title>
<style>
#f{
width:800px;
height:700px;
border:2px solid green;
/*url=圖片地址*/
background-image:url(../蝴蝶.jpg);
/*重複背景圖片*/
background-repeat: repeat-y;
/*背景圖片的大小*/
background-size: 800px 700px;
/*背景圖片的位置
background-position: 橫向移動距離 縱向移動距離*/
/*background-position:40px 30px;*/
}
</style>
</head>
<body>
<div id="f">這</div>
</body>
</html>
表格製作
<!DOCTYPE html>
<html>
<head>
<mate charset="utf-8">
<title>表格製作</title>
<style >
#ftable{
text-align:center;
border:6px dotted #0f0fff;
}
#ftable td{
color: #ff0f0f;
font-size:40px;
}
#bgimge{
background-image: url(../蝴蝶.jpg)
}
</style>
</head>
<body>
<table width="300px" height="500px" border="1px"id="ftable">
<!-- 標題 -->
<caption>體檢表</caption>
<thead>
<!-- to right -->
<tr>
<th width="100px" height="80px">
姓名
</th>
<th width="80px" height="80px">
學歷
</th>
<th width="80px" height="80px">
年齡
</th>
</tr>
</thead>
<tbody>
<tr>
<!-- to down -->
<td colspan="2">張</td>
<td >本科</td>
<td rowspan="2">不詳</td>
</tr>
<tr>
<!-- 列的數量 -->
<td colspan="3" id="bgimge">
蝴蝶
</td>
</tr>
<tbody>
</table>
</body>
</html>
<!-- 粗體標籤 -->
<b>血染江山的畫</b>
<!-- 斜體標籤 -->
<i>血染江山的畫</i>
<!-- 定義加重語氣 -->
<strong>血染江山的畫</strong>
<!-- 定義刪除字 -->
原價<del>1800¥</del>現價1000¥
<!-- 定義上標字 -->
<sup></sup>
<!-- 定義插入字 -->
<!-- 定義下標字 -->
<sub></sub>
<ins></ins>
<!-- 着重文字 -->
<em></em>
<code>傾盡天下</code>
<!-- 預定義格式文本 -->
<pre>
北
西 東
南
</pre>
<!-- 定義鍵盤碼 -->
<kbd></kbd>
<!-- 定義計算機代碼樣本 -->
<samp></samp>
<!-- 定義變量 -->
<var></var><br>
<!-- 定義縮寫 -->
<abbr title="zhang">z</abbr>