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