HTML语法:浮动框架<iframe>与列表标签详解
"HTML语法教材,包括<iframe>标签的使用以及列表标签(无序列表、有序列表、嵌套列表和自定义列表)和超链接标签<a>的介绍。" 在HTML语法中,`<iframe>`标签是一个非常重要的元素,它允许你在一个HTML文档中嵌入另一个HTML文档,形成浮动框架。这使得网页设计者能够整合多个页面内容,将其融合成一个整体。浮动框架可以插入到空白页面或者表格中,为用户提供了一种灵活的布局方式。`<iframe>`标签的基本结构是`<iframe src="URL"></iframe>`,其中`src`属性指定了要嵌入的外部HTML文件的URL。 接下来是HTML的列表标签,它们主要用于有条理地展示信息。主要有以下三种类型: 1. **无序列表标签 `<ul>…</ul>`**:用于创建项目列表,每个项目前会自动添加圆点、方框或空心圆等符号。`<li>`标签用于定义列表项,`type`属性可以改变这些符号的样式,如`disc`(默认的圆点)、`circle`(空心圆)或`square`(方框)。 2. **有序列表标签 `<ol>…</ol>`**:用于创建带编号的列表,编号会自动根据列表项的增加或减少进行调整。同样,`<li>`标签定义列表项。`<ol>`标签的`type`属性可以设置编号样式(如`1`、`a`、`A`、`i`或`I`),而`start`属性用于指定列表的起始编号。 3. **列表项标签 `<li>…</li>`**:在无序列表和有序列表中通用,`type`属性可以根据需要设置列表项的符号,而在有序列表中,`value`属性可以设定当前项的编号,影响后续项目的编号递增。 最后,我们关注的是HTML中的超链接标签`<a>…</a>`。超级链接是网页交互的核心,通过它用户可以跳转到其他网页、下载文件或者执行JavaScript代码。`<a>`标签的`href`属性定义了链接的目标地址,`target`属性可以控制链接打开的方式(例如新窗口或当前窗口)。此外,`<a>`标签还可以包含文本、图像甚至整个表格,使得超链接具有多样性。 这些HTML标签共同构成了网页内容的组织结构和互动性,对于理解和创建有效的网页设计至关重要。熟悉并掌握这些基本语法,有助于创建更加丰富和功能强大的网页。
优化这段代码<body>
<iframe frameborder="0" src="<c:url value='/jsps/top.jsp'/>" name="top"></iframe> | |
<iframe frameborder="0" src="<c:url value='/CategoryServlet?method=findAll'/>" name="left" scrolling="no" seamless></iframe> | <iframe frameborder="0" src="<c:url value='/jsps/search.jsp'/>" name="search" scrolling="no" seamless></iframe> |
<iframe frameborder="0" src="<c:url value='/jsps/body.jsp'/>" name="body" scrolling="no" seamless></iframe> |
<%@ 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> |
- 粉丝: 15
- 资源: 2万+
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- JDK 17 Linux版本压缩包解压与安装指南
- C++/Qt飞行模拟器教员控制台系统源码发布
- TensorFlow深度学习实践:CNN在MNIST数据集上的应用
- 鸿蒙驱动HCIA资料整理-培训教材与开发者指南
- 凯撒Java版SaaS OA协同办公软件v2.0特性解析
- AutoCAD二次开发中文指南下载 - C#编程深入解析
- C语言冒泡排序算法实现详解
- Pointofix截屏:轻松实现高效截图体验
- Matlab实现SVM数据分类与预测教程
- 基于JSP+SQL的网站流量统计管理系统设计与实现
- C语言实现删除字符中重复项的方法与技巧
- e-sqlcipher.dll动态链接库的作用与应用
- 浙江工业大学自考网站开发与继续教育官网模板设计
- STM32 103C8T6 OLED 显示程序实现指南
- 高效压缩技术:删除重复字符压缩包
- JSP+SQL智能交通管理系统:违章处理与交通效率提升