网页分为:1、HTML  2、CSS  3、Javascript
HTML:超文本标记语言
CSS:控制网页的布局、样式,从外部统一管理、控制整个网站  
Javascript:脚本语言

1、HTML:网页是由标签嵌套组成
  <!--注释内容-->表示注释
2、一个网页的基本内容:
  <html>    <!--开始标签-->
    <head>    <!--控制信息、标题及描述、编码方式等-->
      <title>网页操作</title>    <!--标题-->
    </head>
    <body >    <!--整个网页的所有内容-->
    </body>
  </html>    <!--结束标签-->
  注意:标签只能一对包含一对,不能交错嵌套。
3、标签的属性:
  属性是控制内容、标题等的眼样式。
(1)body的属性:
  <body bgcolor="" text="" topmargin="" leftmargin="" rightmargin="" bottommargin="" background=""> </body>
  bgcolor 设置背景颜色
  text 设置文字颜色   topmargin 设置上边距   leftmargin 设置左边距   rightmargin 设置右边距   bottommargin 设置下边距   background 设置背景图片   注意:   三原色:红r绿g蓝b   颜色:“#
000000”(两位表示一个颜色,从00-FF) (2)一般标签:   font属性:   color 设置字体颜色   face 设置字体   size 设置字体大小   <h1>字体</h1>   <h2>字体</h2>   <h3>字体</h3>   <h4>字体</h4>   <h5>字体</h5>   <h6>字体</h6>   <b>加粗</b>   <i>倾斜</i>   <u>下划线</u>   <strong>字体加粗</strong></font>   <br/> 换行   <p>新段落</p>   <center> 居中 </center>   &nbsp 表示空格

4、无序列表

  <ul>

  <li>内容一</li>

      <li>内容二</li>

      <li>内容三</li>

      <li>内容四</li>

  </ul>

5、有序列表

  <ol>

  <li>内容一</li>

      <li>内容二</li>

      <li>内容三</li>

      <li>内容四</li>

  </ol>

6、超链接标签

  <a>超链接</a>

  <a href=”http://baidu.com” target”_black”>超链接</a> 表示新开一个页面打开

  <a href=”http://baidu.com” target”_self”>超链接</a>  表示在当前页面打开

7、锚点

  <a name=”maodian”>锚点</a>  表示设置锚点的位置

  <a href=”#maodian”>目录</a>  表示点击目录跳到锚点的位置

8、图片

  <img src="../images/IMG.0003.jpg" width=”300” height=”200” alt =”这是一张学生图片”/>

9、表格

  <table width="200" border="1" cellspacing="1" cellpadding="1">

    <tr>

      <td>第一行第一个单元格</td>

      <td>第一行第二个单元格</td>

    </tr>

    <tr>

      <td>第二行第一个单元格</td>

      <td>第二行第二个单元格</td>

    </tr>

  </table>

10、背景音乐

  <bgsound src =gaoshan.mp3 loop=”-1”>

11、表单

  <form action="" method="get"></form>

12、文本字段

  <input name="" type="text" />

13、隐藏域

  <input name="" type="hidden" value="" />

14、文本区域

  <textarea name="" cols="" rows=""></textarea>

15、复选框

  <input name="" type="checkbox" value="" />

16、复选框组

  <p>

     <label>

       <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_0">

       复选框</label>

     <br>

     <label>

       <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_1">

       复选框</label>

     <br>

  </p>

17、单选按钮

  <input name="" type="radio" value="">

18、选择(列表/菜单)

  <select name=""></select>

19、图像域

  <input name="" type="image">

20、文件域

  <input name="" type="file">

21、按钮

  <input name="" type="button">

 posted on 2014-12-25 10:51  黑桃X  阅读(192)  评论(0编辑  收藏  举报