程序设计——期末考试(大题详解)

阅读题:

表格标签

  1. 表格基本的三个要素:表格标题、项目表头、数据资料
  2. table 定义一个表格
    caption 定义表格标题
    tr 定义表格中的一行
    th 定义表格中的表头单元格,嵌套在tr中
    td 定义表格中的数据单元格,嵌套在tr中
  3. 表格边框的属性:
    frame:设置表格边框样式
    rules:设置表格内部边框样式
    程序设计——期末考试(大题详解)_第1张图片
  4. 单元格的合并
    colspan:水平单元格合并
    rowspan:垂直单元格合并

分组元素

    • 元素
      ul 元素表示不排序的项目列表

      属性 type设置列表符号样式,可以取diskcirclesquare
      1. 元素
        有序的列表项目

      css样式

      1. 背景样式
        background-attachment:设置背景图像是否随页面一起滚动,取值scroll(滚动)、fixed(固定)
        background-origin:规定background-position属性相对于什么位置来定位
        background-clip:background-clip
      2. 网页中字体样式属性
        font-variant:设定小型大写字母(normal:正常;small-caps:小型大写字母)
        在这里插入图片描述
        在这里插入图片描述
      3. 网页中文本样式属性
        程序设计——期末考试(大题详解)_第2张图片

      css导入

      导入css的四种方法


      大题:

      <html>
      
      <head>
          <title>日期对象title>
      head>
      
      
      
      
      
      <script>
          //常用日期及时间的获取
          var date1 = new Date(); //Tue Jan 05 2021 19:43:17 GMT+0800 (中国标准时间)
          var year = date1.getFullYear(); //2021
      
          //常用日期及时间的设置
          var date2 = new Date();
          date2.setFullYear(2020, 10, 25); //设置年月日
          date2.setDate(date2.getDate() + 2);
      
          //例题:计算当前距离元旦还有多久
          var now = new Date();
          var nationalDay = new Date(2019, 0, 1, 0, 0, 0);
          var msel = nationalDay - now;
          document.write("距离2019年元旦还有:", + msel + "毫秒
      "
      ); document.write("距离2019年元旦还有:", + parseInt(msel / 1000) + "秒
      "
      ); document.write("距离2019年元旦还有:", + parseInt(msel / (60 * 1000)) + "分钟
      "
      ); document.write("距离2019年元旦还有:", + parseInt(msel / (60 * 60 * 1000)) + "小时
      "
      ); document.write("距离2019年元旦还有:", + parseInt(msel / (60 * 60 * 24 * 1000)) + "天
      "
      ); //计时器设计案例 var timeResult = 0; var timer; function timedCount() { document.txtForm.txt.value = timeResult; timeResult = timeResult + 1; timer = setTimeout("timedCount()", 1000); } function stopCount() { clearTimeout(timer); }
      script> <body> <form id="txtForm" name="txtForm" method="get"> <input type="button" value="开始!" onclick="timedCount()"> <input type="text" name="txt" id="txt"> <input type="button" value="停止!" onclick="stopCount()"> form> body> html>
      <html>
      
      <head>
          <title>XX表title>
      head>
      
      
      
      
      <body>
          <form action="url" method="get/post" name="表单名称">
              <fieldset>
                  <legend>信息表legend>
                  姓名:<input type="text"><br />
                  密码:<input type="password"><br />
                  学历:
                  
                  <select name="XXX" size="1" multiple>
                      <option value="本科">本科option>
                      <option value="大专">大专option>
                      <option value="研究生" selected>研究生option>
                      <option value="博士">博士option>
                  select><br />
                  性别:
                  <input type="radio" value=""><input type="radio" value="" checked><br />
                  爱好:
                  <input type="checkbox" value="吃饭"> 吃饭
                  <input type="checkbox" value="睡觉" checked> 睡觉
                  <input type="checkbox" value="打豆豆"> 打豆豆<br />
                  按钮:
                  <input type="button" value=""><br />
                  隐藏:
                  <input type="hidden"><br />
                  滑动条:
                  <input type="range"><br />
                  搜索框:
                  <input type="search"><br />
                  url地址输入框:
                  <input type="url"><br />
                  邮箱:
                  <input type="text" pattern="^([0-9][6])$">
                  <span style="color: red">请输入格式为XXX的邮箱span>
                  
              fieldset>
      
              <input type="submit">
              <input type="reset">
          form>
      body>
      
      html>
      

你可能感兴趣的:(期末总结,列表,css,html)