HTML框架标签的实例应用

巴扎黑
发布: 2017-06-07 16:46:25
原创
2263 人浏览过

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.垂直框架结构,将页面垂直分为三个部分。

目录结构如图:

1496815981(1).jpg

f1.html代码

    Insert title here 
  最左边框架  
登录后复制

f2.html代码

    Insert title here 
  中间框架  
登录后复制

f3.html代码

    Insert title here 
  最右边框架  
登录后复制

frame.html代码

    框架结构  
       
登录后复制

运行结果图

1.jpg

例2.混合结构框架。

目录结构如图:

2.jpg

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代码

    混合框架结构 
               
登录后复制

运行结果图

3.jpg

以上是HTML框架标签的实例应用的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!