html框架标记例子,HTML框架标签的实例应用

本文详细介绍了HTML的基础标签,包括注释、标题、换行等,并展示了连接标签、框架结构(垂直和混合)的实例。深入探讨了如何使用链接、图片和框架构建网页布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.HTML中主要的基础标签如下:

注释标签;

段落标签

标题标签

,该标签的参数从h1~h6;

换行标签
或者

(字体)粗体标签

(字体)斜体标签

下标

上标

预格式标签

地址标签

删除标签

插入标签

连接标签;

下水平线标签


2.连接标签的语法:名字

例如,要想连接到百度首页:

[html] view plain copy

百度

将图片作为按钮连接到指定路径,其中alt为移动鼠标显示的名字,src为图片的路径:

[html] view plain copy

百度

在新的浏览器打开连接:

[html] view plain copy

百度

跳转到当前页面的指定段落:

[html] view plain copy

跳转

段落a1

段落a1

段落a1

3.HTML中的框架结构

例1.垂直框架结构,将页面垂直分为三个部分。

目录结构如图:

376853cd7bd253bb6e5f6333851c204b.png

f1.html代码

Insert title here

最左边框架

f2.html代码

Insert title here

中间框架

f3.html代码

Insert title here

最右边框架

frame.html代码

框架结构

运行结果图

1960e1c83102406a6e55b3e7c6c3dca1.png

例2.混合结构框架。

目录结构如图:

524e396e1d0146a04bc3d28916faf936.png

f1.html代码

Insert title here

这是一个导航框架

f2.html代码

Insert title here

菜单

菜单一

菜单二

f3.html代码

Insert title here

菜单内容

menu1.html代码

[html] view plain copy

Insert title here

我是菜单一的内容

menu2.html代码

Insert title here

我是菜单二的内容

frame.html代码

混合框架结构
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值