html 常用标签

颜色:

16进制代码:bgcolor=#ff0000;

rgb(r,g,b):rgb(255,0,0)或rgb(100%,0%,0%)

颜色关键字:bgcolor=red  




用字符级标记对词语或词组进行显示控制

标记

描述

<B>……</B>

将文本显示为粗体

<I>……</I>

将文本显示为斜体

<U>……</U>

在文本下加下划线

<SUP>……</SUP>

将文本显示为上标

<SUB>……</SUB>

将文本显示为下标

<EM>……</EM>

强调文本,一般显示为斜体

图像标签

在HTML中,图像由<img>标签定义。<img>是空标签,意思是说,它只包含属性,并且没有闭合标签。

属性

描述

SRC

图像的源文件

ALT

提示文字

WIDTH、HEIGHT

宽度、高度

BORDER

边框

VSPACE

垂直间距

HSPACE

水平间距

ALIGN

排列

图像和文字的排列通过ALIGN属性来设定

<img src=”file_name” align=”value”>,属性值如下表

属性值

描述

Top

文字的中间线在图片上方

Middle

文字的中间线在图片中间

Bottom

文字的中间线在图片底部

Left

图片在文字的左侧

Right

图片在文字的右侧

AbsBottom

文字的底线在图片底部

AbsMiddle

文字的底线在图片中间

Baseline

英文文字基准线对齐

Texttop

英文文字上边线对齐

在 <TH> 或 <TD> 标记中使用 COLSPAN 属性,可以设置单元格所跨的列数,例如COLSPAN=3表示跨3列。

在 <TH> 或 <TD> 标记中使用 ROWSPAN 属性,可以设置单元格所跨的行数,例如ROWSPAN=3表示跨3行

CELLSPACING 属性定义单元格之间的间距(以像素为单位)。CELLPADDING 属性定义表的单元格边界与单元格内容之间的间距(以像素为单位) 。 

<TABLE BORDER = 2 CELLSPACING = 2CELLPADDING = 6>





链接:

同一个页面的另一部分

另一页面

另一页面的特定部分

 <a href="链接地址">超链接显示的文本</a>

 <a href="链接地址" target="_black">弹出新窗口</a>

绝对路径

提供完全路径,包括适用的协议,http://www.sohu.com

相对路径

最适合网站的内部链接,news/default.html      ..回退

点击链接制动定位同一页面

<A HREF = #Internet>互联网</A>   锚点

<A name = Internet>互联网</A><br>

     <P>互联网是网络的网络。也就是说,计算机网络可以跨越国家甚至全球的范围连接到其他网络。世界上所有的计算机都可以通过TCP/IP传输协议绑定在一起。</P>

 

点击链接 点位到指定页面的位子

<A HREF=sg_1.12.html#Internet>互联网</A>

 

 

表单

<form method=“” action=“”> Method     表单提交的方式                               Action    提交到信息的页面

              <input type=“” name=“”/>     

                     Type       输入域的类型

                     Name    标识

</form>

名称

示例

文本框

<input type="text" name= "me">

单选框

<input type="radio" name="rad" value="red" checked>

复选框

<input type= "checkbox" name= "ch" value="pink">

口令框

<input type= "password" name="me" maxlength="30">

提交键

<input type= "submit" name= "me" value= "ok" >

重置键

<input type= “reset" name= "me" value= “reset" >

下拉列表

<select name="shulie">

    <option value=“cat”>你选了小猫</option>

</select>

滚动列表

设置下拉列表的size属性 <Select name="shulie“ size=3>

<TextArea>

<TextArea name= "ilovethisgame" Rows= "4" Cols= "20" > </TextArea>



猜你喜欢

转载自blog.csdn.net/zhu7727926/article/details/52259644