11.2笔记整理及作业

最新推荐文章于 2024-03-11 00:04:05 发布

huqiang0816

最新推荐文章于 2024-03-11 00:04:05 发布

阅读量156

点赞数

本文链接：https://blog.csdn.net/huqiang0816/article/details/78426897

版权

11.2笔记整理

1、路径概念

1.1相对路径使用的特殊符号

“./”代表当前的目录
“..”代表上一层目录
“/”代表根目录

1.2优缺点

相对路径：有些内容页面换了位置，链接容易失效。
绝对路径：如股票网页换了位置，链接还是指向正确的url。

2、表格

<table border="">
    <colgroup>
    </colgroup>
    <tr>
        <th></th>
    </tr>
    <tr>
        <td></td>
    </tr>
</table>

colspan:和并列 rowspan：合并行
cellpadding：单元格边框于内容的间距
cellspacing：单元格之间的间距

3.表单域

<form actiong="" method="">
</form>

3.1文本框

<input type="text" name="" value=""

3.2单选框和复选框

单选框
<input type="radio" name="    " value="   ">描述
复选框
<input type="checkbox" name="extra[]  " value="  ">描述
extra[]为数组

3.3下拉列表框

<select name="">
    <option value="" selected="selected"></option>
</select>
selected="selected"设置默认值

3.4多行文本

<textarea rows="行数" cols="列数"></textarea>

3.5提交按钮

<input type="　　" value="">

3.5get与post的区别

get直接显示所有信息，
post类似加密的效果。

4css简介

 在<head></head>中编写，加入css脚本
<style type="text/css">
</style>

11.2作业

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta charset="UTF-8">
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style type="text/css">
    h1{
        font-size:30px;
    }

    div{
        text-align:center;
    }

  </style>
 </head>

 <body>
      <div>
    <h1>课程表</h1>
    <center>
    <table border="2px" cellpadding="20" cellspacing="2" bordercolor="blue">
        <colgroup>
            <col span="8" >
        </colgroup>

        <tr>
            <td>项目</td>
            <td colspan="5">上课</td>
            <td colspan="2">休息</td>
        </tr>

        <tr>
            <td>星期</td>
            <td>星期一</td>
            <td>星期二</td>
            <td>星期三</td>
            <td>星期四</td>
            <td>星期五</td>
            <td>星期六</td>
            <td>星期日</td>
        </tr>

        <tr>
            <td rowspan="4">上午</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>英语</td>
            <td>物理</td>
            <td>计算机</td>
            <td rowspan="4">休息</td>
        </tr>

        <tr>
            <td>数学</td>
            <td>数学</td>
            <td>地理</td>
            <td>历史</td>
            <td>化学</td>
            <td>计算机</td>
        </tr>

        <tr>
            <td>化学</td>
            <td>语文</td>
            <td>体育</td>
            <td>计算机</td>
            <td>英语</td>
            <td>计算机</td>
        </tr>

        <tr>
            <td>政治</td>
            <td>英语</td>
            <td>体育</td>
            <td>历史</td>
            <td>地理</td>
            <td>计算机</td>
        </tr>

        <tr>
            <td rowspan="2">下午</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>物理</td>
            <td>计算机</td>
            <td>英语</td>
            <td rowspan="2">休息</td>
        </tr>

        <tr>
            <td>数学</td>
            <td>数学</td>
            <td>地理</td>
            <td>历史</td>
            <td>化学</td>
            <td>计算机</td>
        </tr>

    </table>
    </center>
  </div>
 </body>
</html>