HTML入门：超文本标记语言基础与网页标准

需积分: 0 94 浏览量更新于2024-06-19 收藏 1.87MB DOCX 举报

"HTML4HTML4HTML4HTML4" 在IT领域，HTML（HyperText Markup Language）是构建网页的基础，尤其在HTML4版本中，它扮演了核心角色。HTML4是互联网上最早广泛使用的HTML标准之一，它定义了如何创建结构化的网页内容，使文本、图像和其他元素能够以有序的方式展示在浏览器上。HTML4引入了许多增强的功能和改进，为后续的HTML5奠定了基础。 HTML4的主要特点包括支持表格、框架、图像、样式表以及多媒体元素如音频和视频的嵌入。它通过一系列的标签来标记文档的不同部分，比如`<head>`、`<body>`、`<h1>`到`<h6>`的标题、`<p>`段落、`<a>`链接、`<img>`图像、`<table>`表格等。这些标签使得内容具有语义，帮助浏览器理解并正确地渲染网页。在理解HTML4之前，我们需要知道一些基本的计算机知识。计算机是一种能够执行计算、逻辑运算并能存储数据的设备。它们由硬件（如处理器、内存、硬盘和显示器）和软件（操作系统、应用程序）组成。软件可以分为系统软件，如Windows、Linux、Android和Harmony，以及应用软件，如微信、QQ、游戏和图像编辑工具。 C/S（Client/Server）架构和B/S（Browser/Server）架构是计算机系统常见的两种设计模式。C/S架构中，客户端软件需要安装在用户设备上，通常更新频率较高，且不跨平台，但对特定功能的实现更为高效。而B/S架构则依赖于浏览器，用户无需安装任何软件，只需通过浏览器访问服务器上的应用，更新自动，跨平台兼容性好，开发更为灵活。前端工程师主要关注B/S架构，负责创建在浏览器中运行的网页，实现用户界面和交互功能。浏览器是访问网页的重要工具，如Chrome、Safari、IE、Firefox和Opera等，它们的市场份额和内核各不相同。例如，Chrome基于Blink内核，Firefox使用Gecko，Safari使用WebKit。了解不同浏览器的特点和市场份额对于前端开发至关重要，因为需要确保网页在各种浏览器下都能正常工作。 HTML的发展离不开两个重要的国际组织：IETF（Internet Engineering Task Force）和W3C（World Wide Web Consortium）。IETF是互联网技术标准化的权威机构，制定了一系列互联网相关的技术规范。而W3C则是制定网页标准的组织，HTML4就是由W3C在1997年正式推荐的，它推动了网络的普及和发展。 HTML4不仅定义了网页的基本结构，还引入了对框架（frameset）的支持，允许在一个页面中嵌套多个独立的浏览区域。此外，它还支持CSS（Cascading Style Sheets）来分离内容和表现，使网页设计更加灵活和美观。虽然HTML4在今天已经被HTML5取代，但它的许多概念和技术仍然被广泛使用，对于初学者来说仍然是学习网页开发的基础。

例如：

marquee loop="1" bgcolor="orange">尚硅谷，让天下没有难学的技术！</marquee>

input type="password">

3. 有些特殊的属性，没有属性名，只有属性值，例如：

4. 注意点：

1. 不同的标签，有不同的属性；也有一些通用属性（在任何标签内都能写，后面会详细

总结）。

. 属性名、属性值不能乱写，都是W3C规定好的。

. 属性名、属性值，都不区分大小写，但推荐小写。

. 双引号，也可以写成单引号，甚至不写都行，但还是推荐写双引号。

. 标签中不要出现同名属性，否则后写的会失效，例如：

4. HTML 基本结构

1. 在网页中，如何查看某段结构的具体代码？—— 点击鼠标右键，选择“检查”。

2. 【检查】和【查看网页源代码】的区别：

【

查看网页源代码】看到的是：程序员编写的源代码。

检查】看到的是：经过浏览器 “处理” 后的源代码。

备注：日常开发中，【检查】用的最多。

3. 网页的基本结构如下：

. 想要呈现在网页中的内容写在 body标签中。

. head标签中的内容不会出现在网页中。

. head标签中的 title标签可以指定网页的标题。

剩余34页未读，继续阅读

青山自绝色

粉丝: 43
资源: 1

HTML入门：超文本标记语言基础与网页标准

HTML 页面实现A4纸样式 显示效果

html5最终版规范pdf版

winfrom中嵌套html，跟html的交互

delphi html component library 4

HTML5支持HTML4的所有表单控件

html 打印 a4 像素,精确打印A4纸张排版HTML

dox4j html转换成word,使用Docx4J生成 html

<!DOCTYPE html>怎么使用4版本

htmla4页面怎么写

python bs4中解析html

最新资源

HTML 页面实现A4纸样式显示效果