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

相关文章

来自专栏一直在跳坑然后爬坑

Flutter “跳转页面”(一)

“跳转页面”为啥加双引号,其实所谓的跳转页面可能和以前认识的不太一样。因为在Flutter里,所有能看到的东西一般都是widget,但是,没有说那个app是由一...

1213
来自专栏君赏技术博客

Jekyll-Admin-Mac-模板处理

制作导航条 使用网络框架Alamofire 使用 SwiftyJSON iOS10开启启用 HTTP 请求 使用 ObjectMapper ...

563
来自专栏青玉伏案

Web前端上万字的知识总结

下面是自己学HTML+DIV+CSS+JS时的学习笔记,给大家分享以下,相互学习。大二时候寒假在家无聊的时候想做点事,总结了一下web前端基础的东西,下面的每...

18910
来自专栏Golang语言社区

【Go 语言社区】iframe去边框,无边框,使用大全

<iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″...

3387
来自专栏向治洪

android开关按钮

刚开始接触开关样式的按钮是在IOS系统上面,它的切换以及滑动十分帅气,深入人心。 所谓的开关按钮,就是只有2个状态:on和off,下图就是系统IOS 7上开关按...

1948
来自专栏向治洪

React Native控件只TextInput

TextInput是一个允许用户在应用中通过键盘输入文本的基本组件。本组件的属性提供了多种特性的配置,譬如自动完成、自动大小写、占位文字,以及多种不同的键盘类型...

2108
来自专栏大内老A

ASP.NET:创建Linked ValidationSummary, 深入理解ASP.NET的Validation

我想对于ASP.NET的Validator控件已经熟悉的不能再熟悉了。我们 已经习惯了用Validator控件来验证我们在表单的输入,并通过Validation...

2398
来自专栏大前端_Web

前端开发常用函数及小技巧(持续更新)

版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接,谢谢。 https://blog.csdn.net/wkyseo/articl...

763
来自专栏我的博客

安卓开发之简单组件使用

一、TextView组件(文本框) <TextView android:id=”@+id/firstText” android:text=”第一行“ andro...

2606
来自专栏V站

自适应丨Html5响应式(自适应)网页设计

viewport是网页默认的宽度和高度, 上面这行代码的意思是:网页宽度默认等于屏幕宽度(width=device-width), 原始缩放比例(initia...

1615

扫码关注云+社区