HTML与JavaScript基础:居中、区块、列表与表单

需积分: 3 1 下载量 155 浏览量 更新于2024-09-15 收藏 87KB DOC 举报
"JavaScript网页开发基础,包括HTML结构、文本元素、增强元素、分区显示、列表及表单的使用" JavaScript是一种广泛应用于Web开发的脚本语言,它主要用于客户端的网页交互,使得网页动态化、功能化。在HTML文档结构中,`<html>`标签是整个文档的根元素,`<head>`包含了文档元信息如标题,而`<body>`则是主要内容的容器。 在文档头`<head>`内,`<title>`标签不可或缺,它定义了浏览器标题栏显示的页面标题。在文档主体`<body>`中,有多种元素可以用于页面设计和内容展示,例如`<p>`定义段落,`<h1>`到`<h6>`定义不同级别的标题,`<font>`用于调整文本的字体、大小和颜色,以及`<b>`, `<i>`, `<u>`分别用于加粗、斜体和下划线。 增强元素如`<strong>`用于强调文本,`<em>`则表示文本的着重。`<hr>`创建水平线,可自定义宽度、高度和颜色。`<pre>`保留文本的原始格式,`<br>`用于换行。`<center>`使内容居中显示,`<blockquote>`提供缩进效果。`<div>`和`<span>`是布局和样式的常用元素,前者是块级元素,后者是内联元素,两者都可以通过`id`, `class`, `align`, `title`和`style`属性来定制样式。 在HTML中,列表分为有序列表`<ol>`和无序列表`<ul>`. 有序列表可以通过`<ol type="A">`等设定不同的符号,无序列表`<ul>`的`type`属性可以设置为`square`, `disc`或`circle`。列表项由`<li>`标签定义。 表单`<form>`是收集用户信息的重要工具,`action`属性定义表单提交的URL,`method`属性定义提交方式(GET或POST)。表单内部包含各种控件,如单行文本输入`<input>`, 多行文本区域`<textarea>`, 下拉列表`<select><option>`以及其他元素,它们共同构成了用户与服务器交互的界面。 案例练习展示了如何用HTML实现文字隔行变色、变大小,以及创建不同类型的列表。同时,表单的示例演示了如何构建一个用于用户输入的界面,这在网页交互中至关重要。了解并掌握这些基本元素和属性,对于构建动态、交互性强的网页至关重要。