HTML+JavaScript+CSS基础教程与学习笔记

"这是一份关于HTML、JavaScript和CSS的学习笔记，主要面向初级Java和HTML学习者进行复习和整理。笔记涵盖了HTML的基本元素、表单使用以及DIV和SPAN的布局应用。" 在HTML中，meta标签是用于提供文档元信息的关键元素，它可以设置页面的字符编码、刷新间隔、HTTP响应头等。例如： - `meta name="aa" content="bbb"` 用于定义特定的元数据，如页面关键词或描述。 - `meta http-equiv="expires" content="wed,26feb199708:21:57"` 设置页面过期时间。 - `meta http-equiv="Content-Type" content="text/html;charset=gbk"` 定义页面的字符编码为GBK。 - `meta http-equiv="refresh" content="1"` 使页面每1秒刷新一次。 - `meta http-equiv="refresh" content="5;url=www.google.com"` 5秒后跳转到www.google.com。 HTML表单是用户与网页交互的重要部分，`<form>`标签用于创建表单，通过`method`（get或post）指定数据提交方式，`action`指明处理表单数据的URL，`target`可以指定新窗口打开。表单中的控件包括： - `<input type="hidden">` 隐藏输入字段。 - `<input type="text">` 文本输入框。 - `<input type="button">` 普通按钮，通过`onClick`事件处理点击行为。 - `<input type="checkbox">` 复选框，可以多选。 - `<input type="radio">` 单选按钮，只能选一个。 - `<textarea>` 多行文本输入区。 - `<select>` 下拉列表，`size`和`multiple`属性可以指定显示大小和是否多选。 在布局方面，HTML4推荐使用TABLE进行页面构建，但W3C倡导使用DIV+CSS进行更灵活的布局。TABLE虽然方便，但对复杂布局的控制力较弱。相比之下，DIV元素可以作为容器，通过CSS定义样式和位置，实现更加精细的页面布局。`<div>`标签可以嵌套使用，实现不同层次的布局结构。CSS类选择器如`.ccdiv`和`.ccdiv.aa`可以分别选择具有指定类的元素，而ID选择器如`#myDiv`则选择具有特定ID的唯一元素。 这些笔记内容旨在帮助初学者理解和掌握HTML的基础知识，以及JavaScript和CSS在网页设计中的基本应用，为后续的Web开发打下坚实基础。