复习之HTML(2)

标签

<input type="submit" value="注册">     提交框
<input type="reset"value="重置" />      重置框

/*form表单*/

<form action="login.html" method="get">
<table></table>
</form>

/*无序列表*/

<ul>
<li>aaaa</li>
<li>bbbb</li>
        <li>ccc</li>
<li>dddd</li>
</ul>

/*有序列表*/
<ol>
<li>aaaa</li>
<li>bbbb</li>
<li>ccc</li>
<li>dddd</li>
</ol>

/*frameset标签 框架布局（与body标签冲突，不可同时使用）<可嵌套使用>*/

<frameset cols="25%,50%">
  <frame src="index.html">
  <frame src="login.html">
</frameset>

/*iframe 元素会创建包含另外一个文档的内联框架（即行内框架）*/

<iframe src="https://www.baidu.com"/>

span标签

<span style="display: inline-block;width: 50px;height: 40px;background: red;">

注：必须先设置display属性才能设置高 当display属性值为block时 会自动换行

段落标签（段落与段落之间有一行间隔）

<p></p>

marquee标签

<marquee behavior="alternate">   /*alternate 来回滚动  scroll 重复滚动  slide 不重复滚动*/
Hello Word
</marquee>

居中标签

<center>aaa</center>

下标标签

2₂       2₂

平方标签

2²       2²

^{link 标签（引入外部CSS样式-）}

^{<link rel="stylesheet" href="css/new_file.css" />}

属性

style="background: linear-gradient(0deg, #000 20%, #f00 50%, #090 80%) "    渐变色

border-radius:30px;              圆角边框

rows=""      设置文件所占的高度

cols = ""       设置文件所占的宽度

*****************************************************************************************************************************************

target="_login"       使用 target 更通常的方法是在一个 <frameset> 显示中将超链接内容定向到一个或者多个框架中。可以将这个内容列表放入一个带有两个框架的文档的其中一个框架中

例：

frame.html代码

<frameset cols="10%,70%">
  <frame src="a.html" name="_index"/>
  <frame src="login.html" name="_login"/>
</frameset>

a.html代码

<ul>
  <li><a href="login.html" target="_login">login.html</a></li>
  <li><a href="index.html" target="_login">index.html</a></li>
</ul>

还有两个用于展示的页面： login.html 和 index.html

*********************************************************

style="font-weight: bold;"        字体加粗

style="position: absolute;top: 40px;right: 50px;"     绝对位置

设置图像的 z-index：-1    z-index值越大 层越上

valign="top"    竖直方向的对齐方式 top middle bottom

style="border-bottom: 1px solid red;"  设置下边框样式

style="box-shadow: 10px 10px 5px #FFD700;"    设置框阴影

style="text-shadow:10px 10px 5px #CCC ;"        设置字体阴影

style="opacity:0.1;"                  设置透明度

a.html#top     a页面top锚处