首页 > 其他 > 详细

我的第一课!

时间:2016-01-19 23:28:21      阅读:142      评论:0      收藏:0      [点我收藏+]

1.html的主体结构:

   <html>

     <head>

        <title>标题</title>

     </head>

      <body>内容</body>

  </html>

2.<body bgcolor="#FF0000"> body是html的标签,bgkolor是标签的属性,#FF0000是标签的属性值。

3.html的注释:<!--代码-->

4.html的标签:

   段落:<p></p>

   换行<br/>  

   水平线:<hr size="10px" width="400px" align="center" color="#FF0000"/>  

   空格:&nbsp:

   居中:<center></center>

   字体大小:<h1~h6></h1~h6>  特殊文字:粗体<b></b> 斜体<i></i>  下划线<u></u>  删除线<s></s>  字体上标<sup></sup>   字体下标<sub></sub>

   <body>属性:bgkolor=“#FF0000” 背景颜色    text=“#FF0000” 背景字体颜色   background=“图片位置”  背景图片

   列表: 有序列表:<ol type="a"><li></li></ol>

            无序列表:<ul type="square"><li></li></ul>

            有序列表和无序列表可以相互嵌套:<ul><li><ol><li></li></ol></li></ul>

   表格:<table>

           <tr><th></th></tr>

           <tr><td></td></tr>

         </table>

         <table>属性:边框 border="1px"  宽度 width="300px"   高度 height="200px"    边框颜色 bordercolor  表格内框的宽度  cellspacing="10px"

                             文字距离边框四周的距离 cellpadding=”10px”    列表背景颜色  bgkolor=”#FF0000“   表格背景颜色 bgkolor="#FF0000"

          <td><th>属性: 单元格内文字对齐方式 aligh="center"   跨列 colspan="3"    跨行 rowspan="3"

          表格标题:<caption>表格标题</caption>

          表格也可以敲套  同列表。

 

    图片:<img src="图片位置“/>  图片属性:高度 height="100px"   宽度 weidth="100px"   边框  border="5px"   网路阻塞时读取低分辨率图片 lowsrc="图片位置"

             浏览器不能显示图片时提示文字: alt="不能显示”。

    相对路径:../../a/b/图片             

    超链接:<a href="网址“>图片或文字</a> 超链接属性:在一个新的页面打开   target="blank"

 

我的第一课!

原文:http://www.cnblogs.com/ywf190337316/p/5143683.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!