web编程基础知识点总结

 

l HTML基本标签种类：

 

Ø Input标签：通过type来区分不同的input标签，type可以为：text、button、radio、checkbox、file、image、password、hidden、submit、reset；

 

Ø span

 

 

Ø div

 

 

Ø img

 

 

Ø br

 

 

Ø hr

 

 

Ø ………………

 

 

 

l HTML的书写方式：

 

Html标签必须要结束，标签的结束方式有两种：

 

一是自结束，如：“<br />”、“<hr />”、“<input type="button" />”；

 

二是非自结束的，这样的标签都是成对出现的，如<font>..</font>、<span>..</span>

 

 

所有的标签必须要结束！

 

l HTML中表格的使用

 

如果显示一些成行成列的数据，我们使用表格来显示，写法：

<table>

 

 

        <tr>

 

 

                  <td></td><td></td>

 

 

        </tr>

 

 

<tr>

 

 

                  <td></td><td></td>

 

 

        </tr>

 

 

</table>

 

 

注意：使用表格来显示数据时，内容必须要写在<td>..</td>标签之间；<table>、<tr>、<td>必须全部写上！

 

(1)    为table创建边界

 

<table border="1" cellpadding="0" cellspacing="0" bordercolor="red" width="200px" height="200px">

 

 

  <tr>

 

 

           <td>web编程基础</td><td>web编程基础</td>

 

 

  </tr>

 

 

<tr>

 

 

           <td>web编程基础</td><td>web编程基础</td>

 

 

  </tr>

 

 

</table>

 

 

(2)    合并单元格

 

横向的单元格合并：

 

<table border="1" cellpadding="0" cellspacing="0" bordercolor="red" width="200px" height="200px">

 

 

  <tr>

 

 

           <td colspan="2">web编程基础</td>

 

 

  </tr>

 

 

<tr>

 

 

           <td>web编程基础</td><td>web编程基础</td>

 

 

  </tr>

 

 

</table>

 

 

纵向的单元格合并：

 

<table border="1" cellpadding="0" cellspacing="0" bordercolor="red" width="200px" height="200px">

 

 

  <tr>

 

 

           <td rowspan="2">web编程基础web编程基础</td><td>web编程基础</td>

 

 

  </tr>

 

 

   <tr>

 

 

           <td>web编程基础</td>

 

 

  </tr>

 

 

</table>

 

 

l Span标签和div标签

 

HTML只是负责显示内容.文字标签与字块标签一般都有意义,而span与div并没有什么意义,它们被广泛的与CSS联合使用，为其赋予不同的表现。

 

span是内联的,代表一行.

 

 

div代表一块.(有点向标签p,块的前后总是和其它块隔开一个距离.)

 

 

l 如何调试js代码

 

注释：使用alert（）函数来分步调试；

 

通过document.getElementById(“id”)来获取一个标签，如果该标签存在，则为“object”，否则为“undefined”；

 

常见错误：

 

1、引用js路径不对：html文件中使用js文件时，要确定路径是否正确：

 

<script type="text/javascript" language="javascript" src="js.js"></script>

 

 

其中src为相对路径。

 

2、大小写不正确

 

3、取到的对象为“undefined”

 

 

l JavaScript中常用方法和属性

 

Ø document.getElementById(“id”)：通过标签的id获得一个唯一的标签元素；

 

Ø document.getElementsByName(“name”)：通过标签的name值来获取标签的一组元素，如radio标签、checkbox标签、select标签等可用此方法来获取；返回值是一个数组，可通过[i]来循环访问每个元素；

 

Ø value：获取元素值的属性（注：必须要先给标签的value赋值，然后才可以读取）；

 

Ø innerHTML：设置和获取标签内部的html源码，如获取span、div元素内部内容（注：这类标签内部可以嵌套其他标签元素）

 

Ø innerText：设置和获取标签内部的文本内容（不含标签）；

 

Ø parseInt()：把字符串转换为整数值

 

l 在js中设置标签的样式

 

document.getElementById("suggest").style.display="block";

 

 

document.getElementById("suggest"). 

className="LinkOver";