当前位置:首页 » 其他

前端基础

2014-10-25 15:15 本站整理 浏览(5)
<html>
  <head>
    <title></title>
    <style></style>
  </head>

  <body>
  </body>
</html>

body添加文字信息。
1.标题字标记:<h></h>
              <h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
              属性:align:center,left,right,justify

2.文本标记:
            物理样式:<b> 粗体 </b>   <i> 斜体 </i>  <ins>下划线</ins>    <del>删除线</del>    <sub>下标字</sub>    <sup>上标字</sup>   <u>删除字<u>
            逻辑样式:<big>大号字</big>   <small>小号字</small>  <em>着重字体</em>   <strong>加强语气</strong>   
                        <code>  </code>  <samp>  </samp>   <kbd>   </kbd>   <var>   </var>    <dfn>   </dfn>    <cite>  </cite>  
            字体font标记:<font></font>:属性:size(1~7,数值越大,字号越大)  color,face

3段落与排版:
            段落p标记:<p></p>属性:align:center,left,right,justify
            换行br标记:<br>
            不换行:<nobr></nobr>
            强制换行:<wbr></wbr>
            水平分割线:<hr>属性:align:center,left,right width,size,color,noshade值为noshade无阴影
            内容居中center:<center></center>
            段落缩进blockquote:<blockquote></blockquote>一对能向右缩进5个西文字符的位置
            预格式化pre:<pre></pre>

4列表:无需列表:<ul type="disc/square/circle"> <ul style="margin:0px;list-style:none;">不显示点
                    <li></li>
                 </ul>
       菜单列表:<menu>
                    <li type="disc/square/circle"></li>
                 </menu>
       目录列表:<dir type="">
                    <li type="disc/square/circle"></li>
                 </dir>
       有序列表:<ol type="" start="有序列表起始编号">   type:1 表示以1,2,3,4 来表示/a 表示以a,b,c,d 来表示/A 表示以A,B,C,D 来表示/i 表示以i,ii ,iii 来表示/I 表示以I,II,III 来表示
                    <li type="只影响当前列表项的编号" value="改变当前表项前的编号的值"></li>
                 </ol>
       嵌套列表:
       定义列表:<dl>
                    <dt></dt>自定义列表项
                        <dd></dd>项目描述
                 </dl>

5超链接:语法:<a href="url" name="" title="提示信息" target="窗口名称" >超链接名称</a>        
                    target的值
                            :_blank    在新窗口中打开被链接文档。
                            _self    默认。在相同的框架中打开被链接文档。
                            _parent    在父框架集中打开被链接文档。
                            _top    在整个窗口中打开被链接文档。
                            framename    在指定的框架中打开被链接文档。

         路径:绝对路径:外部链接
               相对路劲:内部链接,当前文件的路径
                            同一目录:输入链接文档
                            上一目录:“.../文件名”
                            下一目录:输入目录名,后加“/”
                根路径;d:/new/show.html
          链接对象:下载文件链接:文件类型:*.doc/*.ppt/*.rar  <a href = "url"></a>
                    书签链接:文章内部链接,实现段落间的跳转。 
                            定义书签:<a name="name"></a>
                            定义书签链接: <a href="#name"></a>    同一页面
                                           <a href="URL#name"></a>    不同一页面
                    FTP链接:需要从服务器管理员获取登录的权限
                                <a href="ftp:服务器地址或者域名"></a>
                    图像链接:<a href="url"><img src="url" width="" height="" hspace="" vspace="" align="" border="" alt=""></a>
                                    必需的属性
                                        属性    值       描述
                                        alt       text        规定图像的替代文本。
                                        src       URL        规定显示图像的 URL。
                                    可选属性 :
                                    align    
                                            top
                                            bottom
                                            middle   不推荐使用。规定如何根据周围的文本来排列图像。
                                            left
                                            right
                                            
                                    border    pixels    不推荐使用。定义图像周围的边框。
                                    height    pixels  定义图像的高度
                                            %
                                    hspace    pixels    不推荐使用。定义图像左侧和右侧的空白。
                                    ismap    URL        将图像定义为服务器端图像映射。
                                    longdesc    URL    指向包含长的图像描述文档的 URL。
                                    usemap    URL        将图像定义为客户器端图像映射。
                                    vspace    pixels    不推荐使用。定义图像顶部和底部的空白。
                                    width    pixels%    设置图像的宽度。
                                热区链接:<a><img src="url" usemap="#映射图片名称"></a>
                                          <map>
                                                <area shape="热区形状rect/circle/poly" href=“URL”coods="坐标" alt=“”>
                                          </map>
                                          (rect:x1,y1,x2,y2/circle:x,y,r/poly)
                                电子文件链接:<a href="mailto:E-mail地址[?subject=邮件主题[&参数=参数值]]">...</a>
                                                多个收件人用;隔开。多个参数用&链接,空格用%20替代

图像与多媒体文件:图像:插入图像:<img src="url" width="" height="" border="">
                                设置图像替代文字<img src="url" alt="替代文字">
                                设置图像的边框:border:为边框的宽度,单位像素
                                设置图像的对齐方式:align:水平对齐:left,center,right/垂直对齐:top,middle,bottom
                                设置图像间距:hspace:左右/vspace:上下
                                图像链接:<a href="url"><img src="url"></a>
                  滚动文字:<marquee bgcolor="" direction="滚动方向up/down/left/right" behavior="滚动方式scroll/slide/alternate" scrollamount="滚动速度数字"
                                        scrolldelay="延迟时间毫秒" >
                                <font face="隶属" size="">......</font>
                            </marquee>
                            设置滚动范围:滚动背景面积范围:width:"宽度值",height:"高度值"
                            设置滚动空白空间:滚动文字背景,和它周围文字及图像之间的空白空间范围hspace:"水平范围" vspace:"垂直范围"
                            设置滚动循环:loop:"循环次数"
                  背景音乐和其他多媒体:
                        背景音乐:<bgsound src="背景音乐地址" loop="播放次数">
                        插入音频视频:<embed src="url" width="播放界面的宽度" height="播放界面的高度" autostart="true|false" loop="true|false"></embed>
                        插入flash: