第二章-----Html标签——综合整理

拖更是个好习惯，原谅我后写了第二章。

在后续的几天内，我们学习了html的各种标签，在此做一下综合整理。

html  超文本标记语言

1、body属性：

bgcolor:页面背景色

text：文字颜色

topmargin：上页边距   left right bottom 同理可得

backgroud：背景图片

2、格式控制标签：

<font color="" face="" size=""></font> 分别控制字体颜色、字体、字体大小

<b></b>字体加粗

<i><i/>倾斜

<u></u>下划线

<strong></strong>字体加粗

<em></em>字体倾斜

<center></center>居中

<br>        </br> 均为回车   //Hbuilder中Shift+Enter为回车

&nbsp;     空格

3、<h1></h1>......<h6></h6>  标题标签，h1到h6都有固定的格式，字体由大到小

<p></p> 段落标签 

<div></div>层标签 默认占一行   常用的标签

<span></span>层标签   默认用多大空间就用多大

<ol type="标记序号的类型，如1，a"></ol>       有序列表排列

<li>内容</li>

<ul></ul>    无序列表排列

../表示上级目录    意识是在当前所在的位置向上翻一层，相当于电脑中的向上按钮

./当前目录         实际运用中可不写表示当前目录

4、超链接标签

<a href="http//www.sina.com.cn" target="">target="_blank"("new")是在新窗口打开,其他在本页打开</a>

<a name="key"></a>做锚点链接    先在需要跳转的位置标记

<a href="key"></a>       做出链接到指定位置

<img src="图片地址“ alt="图片显示不成功出现的文本" title="鼠标指向显示的标题">
5、表格
<table width="" height="" background="" align="对齐方式" border="边框"   bgcolor=""   cellpadding="内容跟单元格边框的边距" cellspacing="单元格之间的间距">
<th valign="内容垂直对齐方式">表头,单元格内容自动剧中、加粗
</th>
<tr>行
<td  colspan="2">合并同一行的两个单元格 </td>

<td  rowspan="2">合并同一列的单元格</td>
</tr>

</table>

6、表单

<form id="" name="" method="post/get" action="负责处理的服务端”>

id具有唯一性

get提交有长度限制；post没有

</form>

文本框<input type="text" name="" id="" value=""/>

密码框<input type="password" name="" id="" value=""/>

文本域<textarea name="" id="" cols="字符多少" rows="几行高"></textarea>

隐藏域<input type="hidden" neme="" id="" value=""/>

提交按钮<input type="submit" name="" id="" value="">点击后转到form内提交服务器的地址

重置按钮<input type="reset" name="" id="" value="">

普通按钮<....type="button"...>

图片按钮<input type="image" src="图片地址“.....>

单选按钮<input type="radio"....checked="checked">加了checked的单选按钮代表默认选择该选项

复选框组<input type="checkbox".....>

文件上传<input type="file"....>

<label for="相关元素的id"></label>为该元素达成点击文本选择按钮的效果

<select  name=""....multiple="multiple">，multiple为多选

<option value="">内容</option>

<option value="" selected="selected">内容</option>  selected为设为默认

</select>

7、框架

<fremset row="100，*” frameborder="no"> 上下分框，换成cols变为左右分。scrolling 关于显示滚动条

在超链接制定目标页面显示在那个框架窗口中

假如要显示在左边的frame中，则设置frame的name="key"

给超链接的target属性赋值<a href="" target="key">完成超链接的设置

让整个frameset页面跳转到某个页面：

把超链接target设置为_top

<iframe src="其他页面的地址" .....></iframe>在原来页面嵌入小窗口显示其他页面

Tip:假如设置高河宽为0，则不显示，但在后台会有这么一个页面。

转载于:https://www.cnblogs.com/yuanlaihenkuang/p/6720860.html