今天学习一些文本标签, <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>