笔记 3 ：HTML

来源：互联网发布：域名到期时间查询编辑：程序博客网时间：2024/06/04 00:46

一、表格

· 用于布局    <head>    <style type="text/css">            table{                width:300px;                height:300px;       /*table里面是表格的整体大小*/            }            table tr td{                border:1px solid #f00;  /*这个里面是表格线条的粗细、样式、颜色  */            }        </style>    </head>    <body>        <table>            <thead>                <tr>                    <td>标题1</td>    /*这个是表格的标题栏*/                    <td>标题2</td>                </tr>                   </thead>            <tr>               <td>表格1</td>               <td>表格2</td>            </tr>        </table>    </body>    // <td colspan="">表格1</td>  /*行的表格合并*/    // <td rowspan="">表格2</td>  /*列的表格合并*/    // <td colspan="" rowspan=""></td>      /*行和列一起合并*/

这里写图片描述

二、表单

    表单元素基本上都是写在<form></form>标签中

例如：

这里写图片描述

样式如下：

这里写图片描述

三、iframe

    /*  Copyright © 1998-2016 Tencent All Rights Reserved 腾讯公司 版权所有  */    一个复杂的页面分开成几个页面，最后用 <iframe src="页面地址"></iframe> 拼起来

比如：首先写个腾讯版权页面

这里写图片描述

效果如下：

这里写图片描述

最后在其他页面可以引用此页面；

这里写图片描述

如下：

这里写图片描述

为了和腾讯官网一样的效果，所以需要添加要求：

这里写图片描述

最终成功：
这里写图片描述

+++++++++++++++++++++++++
遇到的问题：
在引用的页面中没有添加
这里写图片描述
出来的结果

小结：要注意margin（外边距）的值，不然影响布局。
+++++++++++++++++++++++++

四、js

解释型语言1、变量和数据类型    弱类型语言    var变量名=值；   2、运算符3、程序结构    <script>        var a="熊孩子"        document.write(a+"&nbsp"+a)         /*&nbsp代表空格*/    </script>

这里写图片描述

4、函数    开头用function定义；    <head>    <script>    function add(a,b){            alert(a+b);            return a+b;    }    </script>    </head>    <body onload="add(3,4)">    </body>    需要用onload来执行；

0 0