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              

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏一个爱瞎折腾的程序猿

sqlserver使用存储过程跟踪SQL

USE [master] GO /****** Object: StoredProcedure [dbo].[sp_perfworkload_trace_s...

1990
来自专栏我和未来有约会

Silverlight第三方控件专题

这里我收集整理了目前网上silverlight第三方控件的专题,若果有所遗漏请告知我一下。 名称 简介 截图 telerik 商 RadC...

3955
来自专栏转载gongluck的CSDN博客

cocos2dx 打灰机

#include "GamePlane.h" #include "PlaneSprite.h" #include "BulletNode.h" #include...

5286
来自专栏pangguoming

Spring Boot集成JasperReports生成PDF文档

由于工作需要,要实现后端根据模板动态填充数据生成PDF文档,通过技术选型,使用Ireport5.6来设计模板,结合JasperReports5.6工具库来调用渲...

1.2K7
来自专栏大内老A

The .NET of Tomorrow

Ed Charbeneau(http://developer.telerik.com/featured/the-net-of-tomorrow/) Exciti...

30810
来自专栏落花落雨不落叶

canvas画简单电路图

58411
来自专栏Ceph对象存储方案

Luminous版本PG 分布调优

Luminous版本开始新增的balancer模块在PG分布优化方面效果非常明显,操作也非常简便,强烈推荐各位在集群上线之前进行这一操作,能够极大的提升整个集群...

3035
来自专栏飞扬的花生

jsencrypt参数前端加密c#解密

      写程序时一般是通过form表单或者ajax方式将参数提交到服务器进行验证,如何防止提交的请求不被抓包后串改,虽然无法说绝对安全却给非法提交提高了难度...

3849
来自专栏闻道于事

js登录滑动验证,不滑动无法登陆

js的判断这里是根据滑块的位置进行判断,应该是用一个flag判断 <%@ page language="java" contentType="text/html...

6588
来自专栏码匠的流水账

聊聊NettyConnector的start及shutdown

reactor-netty-0.7.6.RELEASE-sources.jar!/reactor/ipc/netty/NettyConnector.java

841

扫码关注云+社区