码迷,mamicode.com
首页 > Web开发 > 详细

2015-09-16 html课程总结1

时间:2015-09-19 00:37:44      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:

HTML

 (HyperText Makeup Language)是超文本标记语言。

1.HTML结构

      <html>

             <head>

                <title>标题</title>

            </head>

             <body>

                 主体部分

             </body>

       </html>

另:HTML注释:<!--html-->

2.文字版面

     换行:<br/>

     段落标记:<p></p>

     水平线:<hr> 

      其属性Size Width Color Align:表示水平线的 粗细  宽度  颜色  对其方式(left左,center中,right右)    

     空格:&nbsp;

     居中:<center></center>

     标题文字:<hn>n值为1~6 依次减小</hn>

     特殊文字样式:<b>粗体</b>    <i>斜体</i>       <u>下划线</u>    <s>删除线</s>

                         <sup>将文字以上标字体的方式显示</sup>        <sub>将文字以下标字体的方式显示</sub>

  body标签属性: bgcolor---网页背景颜色     background---网页背景图片         text---网页文字颜色       

3.文字列表设计

      ①有序列表

        <ol>

             <li>编号1</li>

             <li>编号2</li>

             <li>编号3</li>

        </ol>

        编号形式:type属性  (Type=1 或A 或a或I 或i)

        设置编号的开始序号:start属性  

                                    Start=n   (只能是数字)

     ②无序列表

      <ul>

           <li>项目符号</li>

           <li>项目符号</li>

           <li>项目符号</li>

     </ul>

      设置项目符号的形式:type属性 

                                  Type=circle  或disc或square(分为空心圆,实心和方形)

4.表格

   ①语法

      <table>

                    <tr>

                             <td></td>

                   </tr>

       </table>

      注:<th></th>表示标题单元格

   ②属性

      border:边框宽度;cellspacing:表格内框的宽度;cellpadding:表格内文字至边框的距离; Height /width:高/宽度     

      bordercolor:边框颜色; bgcolor:背景颜色; align:表格在网页中的水平对齐方式

   ③跨行、跨列

      Rowspan="n"  (跨n行)   colspan=“n”(跨n列)

  

   ④表格标题标记

     <caption align=top或bottom>  top:标题在表格上方  bottom:标题在表格底部

5.图片标记img 

  <img src=”图片的位置与名称”>

  ①常用属性

     height:高度    width:宽度    border:边框宽度

     lowsrc=“低分辨率图片的位置”

     alt:当浏览器不能显示所指代的图片时,可以设置IE显示一段说明该图片的文字,代替图片。

6. 超链接    

    ①超链接标记

      <a href=”链接位置”>超链接名称</a>

    ②图片超链接

      <a href="http:\\www.baidu.com"><img src=“图片位置”></a>

2015-09-16 html课程总结1

标签:

原文地址:http://www.cnblogs.com/71yishen/p/4820741.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!