HTML基础教程：with语句与常用标记解析

需积分: 0 74 浏览量更新于2024-08-14 收藏 2.04MB PPT 举报

"这篇教学内容主要讲解了HTML语言的基础知识，包括with语句的使用，HTML的历史、基本框架，以及HTML的各种常用标记如文字、图片、超链接等。此外，还涉及了CSS的基础应用和JavaScript的相关概念，如变量、数组、表达式、运算符、流程控制语句、函数和DOM模型。" 在HTML语言中，`with`语句是一个非常实用的语法结构，它允许开发者在特定的作用域内简化代码，避免重复地引用同一个对象。在提供的案例中，`with`语句被用来简化对`document`对象的操作。这段JavaScript代码在HTML文档中嵌入，通过`with`语句，可以连续写入多行文本而无需每次都写`document.write()`。这样使得代码更加简洁易读： ```javascript <SCRIPT LANGUAGE = "JavaScript"> with(document) { write("你好世界"); write("你好中国"); write("再见"); } </SCRIPT> ``` HTML语言起源于1990年代初，由蒂姆·伯纳斯-李发明，旨在提供一种统一的方式来创建和分享信息，尤其是为了适应互联网的快速发展。HTML的基本框架通常包含`<HTML>`、`<HEAD>`和`<BODY>`标签。`<HTML>`是整个文档的根元素，`<HEAD>`用于定义文档元数据，如标题、字符集设置等，而`<BODY>`则包含了网页的实际内容。例如： ```html <!DOCTYPE html> <html> <head> <title>网页标题</title> </head> <body>  </body> </html> ``` HTML的常用标记丰富多样，包括字体标记、图片标记、超链接等。字体标记如`<FONT>`用于改变文字的样式，包括字体、大小和颜色： ```html <FONT FACE="隶书" SIZE="5" COLOR="Blue"> 本书的特色是以案例为主,全书有30个完整的案例 </FONT> ``` 图片标记`<IMG>`则用于插入图像，例如： ```html <img src="image.jpg" alt="图片描述"> ``` 超链接标记`<A>`用于创建链接，指向其他网页或页面内的位置： ```html <A HREF="http://www.example.com">访问示例网站</A> ``` 此外，HTML还支持列表（`<UL>`、`<OL>`和`<LI>`）、表格（`<TABLE>`、`<TR>`、`<TD>`）和表单元素（`<FORM>`、`<INPUT>`、`<SELECT>`等），用于构建交互式的网页。同时，CSS（层叠样式表）用于美化和布局HTML元素，JavaScript则用于增加动态功能，如响应用户交互、处理数据等。JavaScript中的变量、数组、表达式和运算符构成了程序的基础，流程控制语句（如`if`、`for`、`while`）用于控制程序的执行流程。函数是一段可重用的代码块，内置对象和浏览器对象提供了访问系统功能的方法。DOM（文档对象模型）是HTML和XML文档的结构表示，通过JavaScript可以操作DOM来改变页面内容或样式。

欧学东

粉丝: 1010
资源: 2万+

HTML基础教程：with语句与常用标记解析

Array with(document).html

Oracle+PL-SQL语言初级教程

Oracle查询语句大全-精华版

SQL语句集锦

SQL语句教程

SQL语句基础教程

SQL语句培训文档

经典SQL语句大全

sql语句妙用，各种sql语句的详细用法与讲解

Python with语句深度解析

最新资源