• 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">

  • 相关阅读:
    用户与组
    初识linux
    权限管理
    认识vim 编辑器
    文件归档
    路由相关术语
    Access、Hybrid和Trunk
    #error作用
    交换芯片收发包的 DMA 实现原理
    linux网络学习
  • 原文地址:https://www.cnblogs.com/XMH1217423419/p/4184132.html
Copyright © 2020-2023  润新知