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

第一节课!HTML

时间:2015-09-17 00:54:52      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

 

                                        HTML标记

PS:虽然有些html有自己的属性,去设置该标签的外观,但是实际开发中,不会用它自己的属性去做外观处理,而是用css 。

1、<标记名称  属性1=”值1”  属性2=”值2” …>组件资料</标记名称>  

          例:<body size="12px" color="red" align="center">我们都是十六期的.NET学员</body>

 

2、Html结构。

 

      <html>

 

             <head>

 

                      <title>标题</title>

 

            </head>

 

                 <body>

 

                       主体部分

 

                </body>

 

       </html>

 

3、版面控制标记

          换行<br/>

          段落标记<p></p>

          水平线<hr>

          空格 

          居中标记<center></center>

  例:

<html>

 

     <head>

 

              <title>demo1</title>

 

      </head>

 

          <body >

                 <center> <p>我是一心想学号的学员,我叫陈乾。</p></center>

                               <p>我是一心想学号的学员,我叫李杨。&bsp&nbsp&nbsp&nbsp&nbsp</p>

                               </br>

                               </br>

                                                        <hr>

                               <p>我是一心想学号的学员,我叫王超。</p>

 

          </body>

 

       </html>

 

4、编号表列标记

                       有序列表和无需里边:

 ps:编号形式:type属性

     Type=1 ai

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

     Start=n   (只能是数字)

 

  <ol>

             <li>小编一号</li>

             <li>小编号2</li>

             <li>小编号3</li>

   </ol>

无序列表和嵌套:

  <ul>

        <li></li>

        <li></li>

        <li>

                <ul>

                         <li></li>

                         <li></li>

                </ul>

        </li>

</ul>

 

5、表格

语法和其属性:

       <table>

                    <tr>

                             <td></td>

                   </tr>

       </table>

 

      <th></th>标题单元格

 

属性:border,边框宽度;cellspacing,表格内框的宽度;cellpadding,表格内的文字至四周边框的距离;Height,高度;width,宽度; bordercolor,边框颜色; bgcolor,背景颜色; align,表格在网页中的水平对齐方式。

 

重点:    跨行、跨列

 

             Rowspan、 colspan

              

             表格标题标记caption

 

             <caption align=topbottom>

 

6、相对路径和超链接

     

<a href="http:\\www.baidu.com"><img src=d:\xujun.jpg></a>

 

 

 

 

 

 

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

第一节课!HTML

标签:

原文地址:http://www.cnblogs.com/banchengping/p/4815005.html

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