HTML语法与文档结构巩固指南

需积分: 0 139 浏览量更新于2024-07-20 收藏 707KB DOC 举报

前端知识巩固主要涉及HTML语言的基础及其在网页开发中的核心应用。HTML是超文本标记语言，其基础包括元素和标签的概念。元素是构成HTML文档的基本单元，如title、img和table等，它们遵循DTD规范。标签用于定义元素的属性和在文档结构中的位置，分为成对出现的首尾标签和单独标签。 1. **HTML元素和标签**：HTML元素由标签界定，如`<title>`标签定义文档标题，`<img>`用于插入图片，`<table>`创建表格。元素名称在HTML中是大小写不敏感的。成对标签如`<p>`和`</p>`用于包围段落内容，而单独标签如`<BR>`用于插入换行。 2. **HTML结构**： - `<HTML>`标签是文档的根元素，虽然现代浏览器通常可以自动识别HTML文档，但保持使用`<HTML>`和`</HTML>`这对首尾标签有助于提高文档的可读性和兼容性。 - `<HEAD>`标签负责文档头部，包含元信息，如文档标题和属性。`<title>`标签用于设定页面标题，会在浏览器窗口的标题栏显示。另外，`<isindex>`是一个特殊标签，用于创建索引表单，允许用户根据关键字搜索内容。 3. **文档结构示例**： ``` <html> <head> <title>这是一个测试页</title> <isindex action="search.php" prompt="请输入关键词:"> </isindex> </head> <body> ... 文档主体内容 ... </body> </html> ``` 这里展示了如何在`<HEAD>`中嵌套`<title>`标签和`<isindex>`标签，以提供完整的HTML结构。前端知识巩固涵盖了HTML的基本语法，包括标签的使用、元素的定义以及文档结构的构建。理解并熟练掌握这些基础概念对于编写规范、易读的网页至关重要。随着学习的深入，还会接触到JavaScript、CSS等其他前端技术，以实现更丰富的交互和视觉效果。

关于表格的一些技巧

 根据 '$!! 的解释和用法，在一个 " 定义中，<tfoot>元素

必须出现在<tbody>之前，这样，浏览器就可以在接受到所有数据之前呈现

表注了。另外，如果不是这个顺序，将不能通过 I$ 的 +B3 和 K+B 验

证，无论你声明哪种 ..。

 在 +B3)7%中G表格的 align 和 bgcolor 属性不赞成使用，所以在

+B9 中不再有任何 " 的属性被支持（事实上，在 K+B%)76 

.. 中已经不支持”和”" 属性了）；

 所有主流浏览器都支持 标签，但是 < (、 以

及 6( 仅支持  元素的 !和 '属性；

 !! 中的 !L!'M可以设定空单元格是否显示边框。注

意，这个需要设置在 table 而不是 td/th 中。/,0 中比较容易遇到该问题；

 !! 中的 "  !L!M! 可以设置表格的边框

是否被合并成一个边框；

 !! 中的 "  ! 属性等效于 " 的 ! 属性。

为了实现现在所提倡的表现和结构分离的开发模式，前端观察建议将页面中所

有与表现层有关的东东，都用 66 来控制，不用 +B 自带的属性来控制页面

的表现，而 " 是最容易被忽略的一个。

关于 " 的更多详细内容可以查看 I$ 的文档： '$/ 

"!

最后留一个非常简单的问题给大家，66 的哪个属性等效于 " 的

 属性？

实现 Web 页面内容动态改变的 dhtml 操作

/, 的 .+B 对象提供了四个可读写的属性来动态操作页面元素的内容：

 G G +BG +B)

需注意两点：

%)4444其中  G  属性的值是作为普通文本呈现的，即使它含

有 +B 标签也如实反应出来；而  +BG +B 呈现的是经

+B 引擎解析后文本，它可以反应属性中 +B 标签的表现效果。

#)4444对对象的  ， +B 属性赋值（即写操作）会删除该对象。

以上四个属性的赋值操作只是替换原对象的文本内容，想要在页面中指定元素

相关位置新增文本内容，需采用 ! -@+B 和

! -@ 方法。形式如下：

"@)! -@F!I G!H

"@)! -@+BF!I G!H

其中 !I 表示插入的文本相对于  标签的位置，有如下四个预设值：

"( >，( >，"( ,，( ,

使用中需注意如下几点：

%．这两种方法必须在整个文档装载完成之后才能使用，否则将出错。

#． /! -@ 只能插入普通文本，/! -@+B 插入

 格式的文本

$．用 /! -@+B 插入脚本，必须在 !  元素中使用 ( 属性，

否则脚本执行将出现运行期错误

3．/! -@+B 插入  元素后， 以及其他可能的元素集合将

自动更新以反应动态变化。如页面后续元素的 ! /属性将改变。

9．当赋予 /! +B +B 属性无效的 +B 标签，该方法可能出

现运行时错。如以下代码将出错：

444>2.N

4444444

4444446A/D4-E1;-1,C@! C

44444444444) +B44CC

4444446A/D

444444>2.N

此外页面内容动态操作还需要注意如下一些细节：

%．只有文档 >2.N 内显示的内容能被以上属性和方法动态改变，>2.N 对象

的内容能被动态操作，但 >2.N 对象本身无法被替换。

#．以上属性和方式不能操作空标签F没有内容的  标签H，如 G。

剩余63页未读，继续阅读

chengbo-0371

粉丝: 0
资源: 4

HTML语法与文档结构巩固指南

前端知识点

前端基础知识

前端学习笔记

如果我想快速学习前端知识，该如何学习

前端八股文 github

小白学习前端如何入手

codewhy前端系统课资源

如何学习瑞吉外卖的前端

有哪些实践项目可以用来巩固软件工程的知识点

后端学前端应该怎么学?

最新资源