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