超文本标记语言HTML4.01详解:从基础到实践
需积分: 0 6 浏览量
更新于2024-07-31
收藏 249KB DOC 举报
“网络编辑必读手册1-5:HTML4.01语言大全”
HTML(HyperText Markup Language)是用于创建网页的标准标记语言。它的主要功能是定义网页内容的结构和样式,使得浏览器能正确地解析和展示内容。HTML4.01是HTML的一个版本,它在HTML4的基础上进行了优化和标准化。
### HTML文件结构
一个HTML文件由三大部分组成:`<!DOCTYPE>`声明、`<html>`元素和内容区。`<!DOCTYPE>`声明位于文件顶部,用来指定文档使用的HTML版本。例如,HTML4.01的声明为`<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`。
`<html>`元素是整个HTML文档的根元素,它包含了文档的其他所有部分。根元素内部包括`<head>`和`<body>`两个主要部分:
1. `<head>`:这部分不显示在网页上,但包含元数据,如页面标题(`<title>`)、字符集设置(`<meta charset="UTF-8">`)、样式表链接(`<link rel="stylesheet" href="style.css">`)以及关键词(用于SEO)等。
2. `<body>`:这部分是网页的实际内容,包括文字、图像、链接、表格等。
### HTML特殊字符显示
HTML允许使用特定的实体(Entities)来显示无法直接在文本中输入的特殊字符,例如版权符号(`©`)和注册商标符号(`®`)。这些实体以&开始,以;结束。
### HTML图片(Images)
插入图片使用`<img>`标签,例如:`<img src="image.jpg" alt="图片描述">`。`src`属性指定图片源文件,`alt`属性提供图片的文字描述,对屏幕阅读器和SEO很重要。
### HTML头部信息(Head)
`<head>`元素中的信息虽然不直接显示在页面上,但对页面的功能性和可访问性至关重要。例如,`<meta>`标签可以设置页面描述、关键词和编码类型;`<link>`可以引入外部CSS文件;`<script>`可以添加JavaScript代码。
### HTML颜色参考
HTML中,颜色可以通过名称、十六进制值或RGB值来指定。例如,`<p style="color: red;">`、`<p style="color: #FF0000;">`和`<p style="color: rgb(255, 0, 0);">`都是设置文本颜色为红色。
### HTML元素(HTMLElements)
HTML元素由开始标签(Opening Tag)和结束标签(Closing Tag)组成,例如`<p>`和`</p>`定义了一个段落。有些元素是自闭合的,如`<img>`,不需要关闭标签。
### HTML元素的属性
属性可以添加到HTML元素中,以提供更多控制。例如,`<a href="https://example.com">链接</a>`中的`href`属性定义了链接的目标地址。属性通常以键值对的形式出现,如`name="value"`。
### 总结
HTML4.01是网络编辑的基础,理解并熟练掌握HTML的基本语法、元素和属性对于创建有效的网页至关重要。通过学习HTML,网络编辑能够更好地控制网页的布局、内容和交互性,提升用户体验。
2010-06-19 上传
2023-02-27 上传
<!DOCTYPE html PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> 测试系统集成 </title > </head> <body>
<script type="text/javascript" src="js/integration.js"></script> <form method="post" action="/api/DeviceInterface/IntegrationServlet" style="margin-top:8px;margin-bottom:5px" onsubmit="return commit()">
|
2023-05-13 上传
2023-05-27 上传
2023-05-27 上传
2023-05-25 上传
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <style type="text/css"> </style> </head> <body>
<iframe name="I1" src="<%=path %>/admin/middel.jsp" height="100%" width="100%" scrolling="no" border="0" frameborder="0"> 浏览器不支持嵌入式框架,或被配置为不显示嵌入式框架。 </iframe> |
2023-06-08 上传
2023-06-28 上传
2023-06-13 上传
williammsn
- 粉丝: 1
- 资源: 1
最新资源
- Postman安装与功能详解:适用于API测试与HTTP请求
- Dart打造简易Web服务器教程:simple-server-dart
- FFmpeg 4.4 快速搭建与环境变量配置教程
- 牛顿井在围棋中的应用:利用牛顿多项式求根技术
- SpringBoot结合MySQL实现MQTT消息持久化教程
- C语言实现水仙花数输出方法详解
- Avatar_Utils库1.0.10版本发布,Python开发者必备工具
- Python爬虫实现漫画榜单数据处理与可视化分析
- 解压缩教材程序文件的正确方法
- 快速搭建Spring Boot Web项目实战指南
- Avatar Utils 1.8.1 工具包的安装与使用指南
- GatewayWorker扩展包压缩文件的下载与使用指南
- 实现饮食目标的开源Visual Basic编码程序
- 打造个性化O'RLY动物封面生成器
- Avatar_Utils库打包文件安装与使用指南
- Python端口扫描工具的设计与实现要点解析