HTML总结10
作者：互联网
<!doctype html>
<html>
<head>
<meta charset="gbk">
<!--name和http-equiv这两个属性，它们的值分别是content-->
<meta name="Keywords" content="DWQDWQDQWD">
<meta http-equiv="Content-Type" content="text/html charset=gb2312">
<meta name="Description" content="dwqdwqd">
<title>标题</title>
<style type="text/css">
.name1 {
}
</style>
</head>
<!--body就是整个的颜色-->
<!--设置网页的背景图片<body bgcolor="#F1CDCE" background="../无标题.png">-->
<body bgcolor="#F1CDCE">
<p>段落标签</p>
<p>段落标签</p>
<p>换行符<br/></p>
<hr><!--水平分割线,size是粗细，align是位置-->
<hr size="4px" width="500px" color="#E4080C" align="left">
<!--noshade是分割线阴影-->
<hr noshade>
换行<br><br>
换行1<br>
<h1>标题</h1>
<font size="+4">设置文字的大小，7为最大值</font><br>
<font face="宋体">黑体</font>
<blockquote>缩进标签</blockquote>
<pre>保留格式标签，也就是你手动增加空格也不会显示在页面中</pre>
<span title="内联行">就是鼠标放上去有提示信息</span><br>
<i>斜体</i><br>
<b>加粗</b><br>
<u>下划线</u>
<ins>下划线</ins>
<del>删除线</del><br>
<s>删除线</s>
<tt>等宽字体</tt><br>
上标<sup>上标</sup>
下标<sub>下标</sub>
<samp>引用标签，和浏览器有关，不同的浏览器出来的字体可能不一样</samp><br>
<var>变量名称定义标签</var>
<cite>文献参考标签</cite>
<font size="-1">????</font>
<big>大号字体</big>
<!--你要链接到某一个网站，要写<a-->
<!--一个页面里面知识太多，你要点击某一个从而进行跳转-->
<a href="#name1">出师表</a><br>
<a name="name1">先帝创业为半而中道崩殂</a>
<a href="填你想填的东西，然后会直接连接到你那个东西">填你想填的东西，然后会直接连接到你那个东西</a>
<a href="????????/?????????.txt">?????????????????</a><br><!--同级目录，上级目录，下级目录-->
<a href="../?????????.txt">?????????????????</a><br>
<a href="https://www.csdn.net/">?????CSDN??????R????</a><br>
<a href="https://www.csdn.net/" target="_blank">新窗口打开</a>
<a href="https://www.csdn.net/" target="_parent">夫窗口打开</a>
<a href="https://www.csdn.net/" target="_self">当前窗口打开</a>
<a href="https://www.csdn.net/" target="_top">整个窗口打开</a>
<!--<img src="../无标题.png" alt="你要点击才会出现图片">-->
<!--还有图片高度和宽度，和bottom，left，right，middle，top位置-->
<!--还有border边框深度px，图像间距hspace和vspace等等，一个水平间距和垂直间距-->
<!--单纯的img和a都可以实现掺入图片-->
<!--<a href="http://ku.90sjimg.com/element_origin_min_pic/00/98/57/1056f342b7531da.jpg"><img src="../1056f342b7531da.jpg"</a>-->
<img src="../无标题.png" usemap="#Map"/>
<!--在图片里隐藏图片，你点击后就会跳转这张图片,这里设置的是矩形-->
<map name="Map">
<!--你也可以创建圆形circle,不过是圆心得xy和半径，对于矩形而言是左上角的xy和右下角的xy-->
<!--你也可以创建多边形poly，你想有多少个值就有多少个值-->
<area shape="rect" coords="21,35,100,95" href="../1056f342b7531da.jpg">
</map>
<!--图像占位符,那片地方你不知道放什么，随意你局随便放一个空白,网页上只显示一个小小的图形-->
<img src="" name="img" background-color="#CCCCCC" width="250" height="500"/><br>
<!--插入视频文件-->
<!--loop是设置播放次数，-1表示无限循环，mouseover表示鼠标放到上面播放，fileopen打开网页就播放-->
<img dynsrc="../WIN_20190425_21_02_59_Pro.wmv" loop="1" start="fileopen"/>
<!--border是边框宽度-->
<table border="1" width="400" height="100">
<tr><!--行-->
<th>????1</th><!--标题-->
<td>??????????</td><!--列-->
<td>??????????</td>
</tr>
<tr>
<th>????2</th>
<td>??????????</td>
<td>??????????</td>
</tr>
</table>
<table border="1" width="400" height="100">
<tr>
<th>????1</th>
<td width="100" height="80" background="../?????.png"></td>
<td>??????????</td>
</tr>
<tr>
<th>????2</th>
<td>??????????</td>
<td>??????????</td>
</tr>
</table>
<!--下一行两个单词是边距的意思-->
<table border="1" width="400" height="100" cellspacing="10px" cellpadding="6px" bordercolor="#CF171A" frame="void"><!--frame不显示外边框-->
<tr align="center"><!--居中对齐-->
<th>????1</th>
<td>??????????</td>
<td>??????????</td>
</tr>
<tr valign="top"><!--垂直对齐-->
<th>????2</th>
<td>??????????</td>
<td>??????????</td>
</tr>
</table>
<table border="1" width="400" height="100">
<tr>
<td rowspan="2">??????????</td>
<td>??????????</td>
</tr>
<tr>
<td>??????????</td>
</tr>
<tr>
<td>???????????</td>
<td>???????????</td>
</tr>
</table>
<table border="1" width="300px">
<!--表格标题标签-->
<caption>????????????</caption>
<thread>
<tr>
<td>???</td>
<td>????</td>
</tr>
</thread>
<tbody>
<tr>
<td>2012??11??</td>
<td>100??</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">???: </td>
</tr>
</tfoot><!--行尾标签-->
</table>
<!--以下是字幕-->
<marquee behavior="scroll" width="200px" height="100px" bgcolor="">???????</marquee><br>
<marquee behavior="slide" width="200px" height="100px" direction="right">???????</marquee><br>
<marquee behavior="alternate" width="200px" height="100px" scrollamount="4">?????????????</marquee><br>
<marquee width="300px" height="50px" onm ouseOut="this.start()" onm ouseOver="this.stop()">?????</marquee>
<embed src= "../T-ara - day by day (Live).mp3" loop="true">
</body>
</html>
标签：总结,10,上标,下标,下划线,标签,HTML,字体,打开 来源： https://blog.csdn.net/qq_43776408/article/details/100186224