zoukankan      html  css  js  c++  java
  • 1、网页基础

    网页分为: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">

  • 相关阅读:
    SQL SERVER Convert操作日期函数 分类: 数据库 2013-09-11 15:49 429人阅读 评论(0) 收藏
    UE格式化XML文件 分类: 开发常见问题解决方案 2013-08-27 15:40 6763人阅读 评论(0) 收藏
    The configuration section for Logging cannot be found in the configuration source 分类: .NET 2013-08-08 17:02 680人阅读 评论(0) 收藏
    C# 4.0 新特性dynamic、可选参数、命名参数等 分类: .NET 2013-07-26 11:15 414人阅读 评论(0) 收藏
    git 、github的简单使用
    对Http请求的总结
    Android Studio中对.9.png简单操作
    Spring简单的AOP运用
    Java 动态代理
    Spring Boot中自定义注解
  • 原文地址:https://www.cnblogs.com/XMH1217423419/p/4184132.html
Copyright © 2011-2022 走看看