随笔 - 129 文章 - 7 评论 - 1 阅读 - 10万

HTML超文本标记语言-基础标签整理

  1                        第一章
  2 <META>标签：
  3    <meta http-equiv=”Content-Type” Content=”text/html;charset=gb2312”>------避免乱码
  4 
  5 Bgcolor：背景颜色    background：背景图
  6 
  7 六级标题：<H1>到<H6> 依次递减
  8 
  9 <FONT>标签：
 10    属性：face----字体类型
 11          Size----字体大小
 12          Color---颜色
 13 
 14 特殊符号：
 15          大于：&gt;
 16          小于：&lt;
 17          空格：&nbsp;
 18          引号：&quot;
 19          版权号：&copy;
 20 
 21 行的控制标签：
 22             <p>(</p>)------段落标签（结束标签为可选）
 23             <br>--------换行标签（没有结束标签）
 24 
 25 <IMG>标签：
 26       <img src=”路径” alt=”提示文字内容”  宽度  高度>
 27       属性：
 28            Align:------图片和当前文字的对齐方式(top--顶端  bottom--底部  middle—中部  left—左对齐  right—右对齐)
 29 
 30 <HR>标签：水平分隔线
 31 
 32 列表：
 33   无序列表：<UL  type=”类型”>   
 34               <LI></LI>  
 35 </UL>
 36 
 37          -------type属性值：circle空心圆环   disc实心圆点(默认的)  square正方形
 38 
 39   有序列表：<OL type=”类型”>
 40                <LI></LI>
 41             </OL>
 42            
 43          --------type属性值：1、a、A、i、I
 44 <A>标签：超链接
 45 
 46   链接到其他页面： <a href=”路径”></a>   
 47 链接到本页面：
 48    <a name=”marker”>fghgg</a>-----创建锚标记
 49    <a href=”#marker”>fghgg</a>-----使用它
 50   电子邮件链接：
 51 <a href=”mailto: 网址”></a>
 52 
 53 
 54 <MARQUEE>标签：滚动条
 55    <marquee scrolldelay=”100” direction=”up” onmouseover=”this.stop()”  onmouseout=”this.start()”>
 56 
 57       -----scolldelay---滚动延迟时间   direction----滚动方向：up、down、left、right
 58           Onmouseover---当鼠标停在上面的时候触发
 59           OnmouseOut----当鼠标离开的时候触发
 60 
 61 
 62                     第二章
 63 跨行跨列：
 64 Rowspan----跨行
 65 Colspan-----跨列
 66 
 67 设置填充、间距属性
 68    Cellpadding----文字与边框的距离
 69    Cellspacing----表格内边框间距
 70                    第三章
 71 <FORM>标签：
 72    <form  name=”form1”  method=”post”  action=”地址/processform(表单的处理程序)”>
 73           表单提交方式：post   get(不安全)
 74    表单元素：(要在<input>标签中使用)
 75              文本框：text
 76              密码框：password
 77              单选按钮：radio
 78              复选框：checkbox
 79              列表框：select和option来实现
 80              按钮：button---普通按钮  submit---提交按钮  reset---重置按钮
 81              多行文本：textarea   (用cols和rows分别来设置他的宽度和高度)
 82 
 83 框架：<frameset>(框架集)
 84    <frameset>
 85   <frame name=””  src=”该位置要放的网页”  scrolling=”no”(是否显示滚动条)  noresize(禁止改变框架窗口的大小) >
 86 </frameset>
 87 
 88 
 89 实现框架页面的链接
 90 1、设计好框架集页面，为每个框架窗口定义好名称
 91 <.frame  name=”rightframe”  src=”right.html”>
 92 2、设置导航栏中的超链接的target目标窗口属性，使其值为框架窗口的名字
 93 < a  href=”right.html”  target=”rightframe”>
 94 
 95 4个特殊的窗口：
 96   Target可以取4个值--------_blank  (新启一个窗口打开链接)
 97                          _self  （在同一个窗口打开(默认值)）
 98                          _parent  (在上一级窗口打开)
 99                          _top  (在整个浏览器窗口打开)
100 
101 第四章CSS样式表
102 
103 样式表的结构：
104             <style  type=”text/css”>
105                选择器
106                      属性：属性值；
107 }
108 </style>
109 常用的样式属性：
110         文本属性：font-size   字体大小
111                   Font-family   类型
112                   Font-style     字体
113                   Color       颜色
114                   Text-align    对齐方式
115 背景属性:：
116          Background-color          背景颜色
117          Background-image         背景图片
118          Background-repeat         repeat(铺满)  no-repeat(不平铺)  repeat-x(水平方向平铺)  repeat-y(垂直方向平铺)
119 方框属性：
120        边界属性：margin-top    上边距
121                  Margin-right   右边据
122                  Margin-left    左边距
123                  Margin-bottom 下边距
124        边框属性：border-style      边框样式
125                  Border-color     颜色
126                  Border-width   边框宽度
127       填充属性：padding-top   与上边框的距离
128                 Padding-right  与右边框的距离
129                 Padding-left   与左边框的距离
130                 Padding-bottom  与下边框的距离
131 
132 
133 特殊样式：
134     A:link{}    未被访问的链接样式
135     A:visited{}  已被访问过的链接样式
136     A:hover{}   鼠标悬浮在链接上时的样式
137     A:active{}   鼠标正在按下时链接文字的样式
138 
139 
140 样式表的3类应用方式：
141     
142        内嵌样式表
143        行内样式  
144  外部样式（要用LINK链接标签）
145    <link rel=”sylesheet（外部样式表）”  type=”text/css”  hret=”引入的样式文件” >
146