html常用标签及其属性用法

<head>标签的子标签

<title>标签:设置标题,设置完成后可以显示到IE窗口的标题上

<style>标签:引入css文件

<script>标签:引入javascript文件

<meta http-equiv=“content-type” content=“text/html;charset=gb2312”>

<meta http-equiv=“refresh” content=“5;url=http://www.bjpowernode.com”>

<meta name="keywords" content=“   ">

<meta name="description" content=“ ">

<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">

body中常用标签:

bgcolor指背景颜色

background指背景图片

横线-<hr>

size—长度

width—宽度

color—颜色,color 16 进制 RGB 数字,或者是下列预定义色彩,blue/yellow/red……

超级链接-<a>

hrefurl

target—目标窗口,使用target属性,你可以定义从什么地方打开链接地址。

显示结果

描述

实体名

实体号

 

不可拆分的空格

&nbsp;

&#160;

小于

&lt;

&#60;

大于

&gt;

&#62;

&

and符号

&amp;

&#38;

"

引号

&quot;

&#34;

'

单引号

 

&#39;

 

   

 

显示结果

描述

实体名

实体号

¢

&cent;

&#162;

£

英镑

&pound;

&#163;

¥

人民币元

&yen;

&#165;

§

章节

&sect;

&#167;

©

版权

&copy;

&#169;

®

注册

&reg;

&#174;

×

乘号

&times;

&#215;

÷

除号

&divide;

&#247;

 

 

.与文件同一目录..该文件的上一级目录

 

标题字体-<h1~6>

可以取值1,2,3,4,5,6

标题显示为黑体字

这些标记自动插入一个空行,不必用 <p> 标记再加空行

数字越小字体越大

换行:<br><p>:<p>中间插入一个空行,而<hr>不会插入空行

 

字体设置<font>

   size1,2,3,4,5,6,7

color—字体颜色, color 16 进制 RGB 数字,或者是下列预定义色彩,blue/yellow/red……

文字布局:

<div></div> <span></span>

文字的分区显示2div之间会自动换行

<ul><li></ul>

无序号列表

<ol><li></ol>

有序号列表

<p>

回车换行

<br>

换行

<pre><pre>

保留原始格式

图片-<img>:

src--图片路径,最好使用相对路径

alt--当鼠标放到图片上显示出提示信息

width—图片宽度,如果不指定按原始宽度

height—图片高度,如果不指定按原始高度

表单-<form>

action

提交给服务器的那个程序来处理(如:把表单中的数据保存到数据库中)

method,可以取值getpost

get—发送数据的大小有限制(256byte),表单中的数据显示在url后面,如:user.html?userid=zhangsan&username=张三

post—发送数据的大小没有限制,而且不会现在在url后面

<input type="" name="">

type可以取值

³ text/password/checkbox/radio/select/textarea/submit/reset/button/image/hidden

name输入域的名字

     文字输入-text

             id—唯一标识

name—名称

value—值

size—长度

maxlength—最大长度

密码输入-password:

       id—唯一标识

name—名称

value—值

size—长度

maxlength—最大长度

 

复选框-checkbox

id—唯一标识

name—名称,多个时名称相同

value—值

checked—选中的checkbox

          单选框-radio

id—唯一标识

name—名称,多个时名称相同

value—值

checked—选中的radio

          列表框-select

id—唯一标识

name--名称

size--列表框的长度

multiple—可以实现多选的列表框

<option>,可以有option

value—列表框中的值

               selected—指定哪一项被选中

 

 

 

 

          文本区域-textarea

id—唯一标识

name--名称

rows-行数

cols-列数

          按钮-button:

button—点击按钮可以提交数据,一般适合于表单中多个button

submit—点击按钮将该form中的信息提交

reset—点击按钮将该form中的信息重置

image—可以点击图片提交

          隐藏表单-hidden:

            隐含域其实和正常的输入域一样,只是不会将数据显示到页面上,因为放到    

            隐含域中的数据,没有必要让用户看,因为这些数据大部分是控制数据

         表格-table

         border--表格边框尺寸

         width—表格宽度,可以用百分比,可以用数值

         align—对齐方式,left/right/center

         <tr>--

         <td>--

         colspan—跨多列

         框架-frame:

             窗口中正常情况下只能显示一个网页,采用帧可以将窗口分隔出多个窗口,                       每个窗口对应一个html文件

<html>

         <head><title>Frame</title></head>

         <!--注意不能有body标签-->

         <!--

         <body>

          -->

                   <frameset cols="18%, *">

             cols表示列,如果多列采用逗号间隔,百分比表示列的宽度,星号表示剩余宽度,如果是行可以采用rows,用法同cols,如以下为两列:一列帧大小为18%,另一列帧大小为屏幕的剩余部分

                            <frame name="left" src="21_1.html" >

                      src为每帧对应的文件名称

                            <frame name="right" src="21_2.html">

                   </frameset>

         <!--  

         </body>

         -->

</html>

 

 

HTMLtarget属性的4个内定名称:

 

_blank,表示新开启一个浏览器窗口

_self,此属性为默认属性,在当前窗口显示

      _parent,表示在当前窗口的直接父帧窗口(直接上一级窗口)显示

      _top,在最顶层窗口显示

target属性值可以直接赋值帧的名称

 

隐含帧<iframe>:

 隐含帧使用的标签为<iframe>,隐含帧不需要放到<frameset>标签中,使用隐含帧,可以实现网页局部数据的显示的滚动和局部数据刷新

 

标签

描述

<b>…</b>

黑体

<i>…</i>

斜体

<u>…</u>

下划线

<s>…</s>

中划线

<sup>…</sup>

上标

<sub>…</sub>

下标

 

 

&lt;

<

&gt;

>

&amp;

&

&nbsp;

空格

&quot;

"

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值