HTML基础与布局要点回顾

需积分: 9 89 浏览量更新于2024-09-15 收藏 148KB DOC 举报

HTML是HyperText Markup Language的缩写，一种用于创建网页的标准标记语言。本文档提供了一个全面的HTML复习指南，主要聚焦于基础知识和常用元素，旨在帮助读者理解和掌握HTML的核心构造。首先，了解HTML的基本结构至关重要。它由头部<head>和主体<body>两大部分构成，这确保了网页内容的组织与呈现。头部用于存放元数据，如字符集编码，这直接影响到页面上文字的正确显示。字符集编码有多种选择，如gb2312（支持简体中文和英文）、ISO-8859-1（专用于英文）、big5（支持繁体）和utf-8（国际通用，兼容多语言）。块级标签是HTML结构中的重要组成部分，包括标题标签（<h1>至<h6>，用于分级标题），段落标签(<p>), 水平线标签(<hr/>)，以及用于布局的有序列表(<ol>-<li>)、无序列表(<ul>-<li>)、定义列表(<dl>-<dt>-<dd>)、表格标签(<table>及其子标签)、表单标签(<form>和<input>)，以及分区标签(div)，如div的样式设置可以用于创建自定义区域。四种常用的块状结构分别是div-ul(ol)-li用于分类导航，div-dl-dt-dd适合图文混编，table-tr-td用于整齐排列数据，而form-table-tr-td则在表单设计中发挥作用。行级标签包括图像标签(<img>，用于插入图片，提供替代文本和鼠标悬停提示)，范围标签(<span>用于局部修改文本样式)，以及换行标签(<br/>)，遵循W3C标准。在现代Web开发中，强调内容与表现的分离，即结构（HTML）和样式（CSS）分开处理，同时提倡HTML内容语义化，以便搜索引擎更好地理解网页内容。此外，遵循XHTML1.0的基本规范，如标签大小写、属性值使用引号、标签闭合、正确嵌套以及文档声明的使用，这些都是编写高质量HTML代码的基础。超链接<a>标签是HTML中实现链接功能的核心，通过<ahref="连接地址">标签指定链接的目标地址，并通过target属性控制链接打开新窗口还是在当前窗口显示。学习这些基本元素，能够帮助你在创建和维护网站时更高效地构建结构和交互。本篇复习点详尽覆盖了HTML的基础知识，包括结构、编码、标签类型及其应用，以及现代Web开发的最佳实践，对学习者理解和运用HTML构建网页具有极高的参考价值。

6.2 表单元素的基本格式：

<input name =” 表单元素名称 ” type=” 类型 ” value=” 值 ” size=” 显示宽度 ”

maxlengt=”能输入的最大字符长度” checked=”是否选中” />

6.3 表单元素的介绍（类型 type）

文本框：type=”text” 密码框：password 重置：reset 提交：submit 普通：

button

单选按钮：radio 复选框：checkbox 文件域：file

下拉列表

</select>

多行文本域

<textarea name=”textarea” cols=” 40” rows=”6’”>初始文本内容</textarea>

6.4 表单的高级用法（隐藏域、只读和禁用）

a).隐藏域：<input type=”hidden” name=”” value=””></ input >

b).只读:<textarea name=”” cols=”” rows=”” readonly=”readonly”></ textarea >

c).禁用: <input type=”submit” name=”” value=”” disabled=”disabled”></ input >

第三章表格的应用的布局

1.表格的使用：简单通用，结构稳定。

2.表格的基本语法

<table>

<tr>

<td>第一个单元格内容</td>

<td>第二个单元格内容</td>

</tr>

<tr>

<td>第一个单元格内容</td>

<td>第二个单元格内容</td>

</tr>

</table>

3.跨行跨列表格

3.1 跨列

<table>

<tr>

<td colspan=”所跨列数”>单元格内容</td>

</tr>

</table>

3.2 跨行

<table>

<tr>

<td rowspan=”所跨行数”>单元格内容</td>

</tr>

剩余11页未读，继续阅读

chen792617

粉丝: 0
资源: 5

HTML基础与布局要点回顾

HTML期末复习题(含答案).doc

html复习笔记

HTML复习.docx

html复习串讲ppt

HTML 的复习资料

复习

单片机复习+考试复习.html

期末复习.html

复习题.html

html复习资料.xmind

最新资源