web编程基础知识点总结
来源:互联网 发布:知乎 大鹏 装修 编辑:程序博客网 时间:2024/06/07 02:21
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";
- web编程基础知识点总结
- 网页编程基础第一章知识点总结——Web基础知识
- 基础知识点总结:Linux编程
- java web基础 小测验 知识点总结
- Java基础之网络编程知识点总结
- Java基础之网络编程知识点总结
- 基础总结知识点-第一章:web技术的基础知识
- web基础知识点
- WEB前端基础知识点
- web最基础知识点
- 网页编程基础第四章知识点总结——表格
- 编程语言系列(一)--C语言基础知识点总结
- 编程语言系列(二)--C++语言基础知识点总结
- 编程语言系列(三)--java语言基础知识点总结
- 编程语言系列(五)--python语言基础知识点总结
- 编程语言系列(六)--shell语言基础知识点总结
- java基础编程学习过程中的知识点 -- 个人总结
- java SE基础知识点总结(01):编程环境的搭建
- ubuntu fedora 添加右键 打开终端
- XML与.NET
- 学习网站收集(陆续添加中)
- 获取 LDAP 的 Base DN
- 使用tcp方式连接libvirtd
- web编程基础知识点总结
- Common Substring poj3415
- 在windows2008下使用filezilla连接不上的问题
- asp.net三层架构详解
- Android Binder - Service Manager
- 文件格式对应http的Content-Type字段
- Test.sh
- 负载均衡器设计
- 14_1阅读程序