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 条评论
登录 后参与评论

相关文章

来自专栏欧阳大哥的轮子

iOS的MyLayout布局系列-流式布局MyFlowLayout

     在我的CSDN博客中的几篇文章分别介绍MyLayout布局体系中的视图从一个方向依次排列的线性布局(MyLinearLayout)、视图层叠且停靠于父...

1393
来自专栏用户画像

图片 垂直居中

782
来自专栏九彩拼盘的叨叨叨

学习纲要:CSS 常用选择器

1144
来自专栏前端学习心得

如何实现CSS布局

1669
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:HoverBackColor属性的简单介绍

BarcodeButton、Button、CameraButton、ImageButton、OfflineCameraButton、OfflineVoiceRe...

873
来自专栏一“技”之长

Bootstrap响应式前端框架笔记八——按钮组

    在Bootstrap定义的Css样式中,开发者可以将一组btn控件包裹在btn-group类中使其组合成按钮组控件,组合后的控件左右两侧的按钮将被圆角处...

862
来自专栏Young Dreamer

canvas绘图不清晰的解决方案

现象描述   同样大小的图片(60x60px)用canvas和DOM绘制,结果发现canvas的画面质量要差很多。结果如下图所示。 ?   上图中,左侧红框中的...

20110
来自专栏deed博客

Css代码

1952
来自专栏运维小白

Windows7自带便签

在开始——>輸入 stikynot 输入之后便会出现下图 ? 相关功能快捷键 Ctrl + E:居中对齐 Ctrl + L:居左对齐 Ctr...

2156
来自专栏7号代码

Android应用界面开发——布局

线性布局可以控制各组件横向排列(通过设置属性android:orientation属性控制),也可控制各组件纵向排列。

1332

扫码关注云+社区