zoukankan      html  css  js  c++  java
  • 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              
    用代码行来衡量开发进度,无异于用重量来衡量制造飞机的进度。
  • 相关阅读:
    npm 插件发布和使用
    git 配置与删除远程地址
    elment 编辑输出行数据后,过滤下拉,值必须全等于下拉值
    后台 接口 传值 不同类型的详细解说
    Vue vscode调试
    vue 标题和输入框分两行,调成一行
    ES6 学习笔记(持续更新中)
    vue开发WebApp 开发笔记(持续更新)
    移动端自适应方案 对应设计图制作
    css 颜色使用预览 码表
  • 原文地址:https://www.cnblogs.com/cykj/p/HTML.html
Copyright © 2011-2022 走看看