当前位置:  首页  >  前端开发  >  HTML

HTML框架标签的实例应用

HTML中主要的基础标签如下:注释标签<!---->;段落标签<p><p>;标题标签<h1><h1>,该标签的参数从h1~h6;换行标签<br>或者<br>;
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.垂直框架结构,将页面垂直分为三个部分。

目录结构如图:

f1.html代码

  
  
  
  
Insert title here  
  
  
    最左边框架  
  

f2.html代码

  
  
  
  
Insert title here  
  
  
    中间框架  
  

f3.html代码

  
  
  
  
Insert title here  
  
  
    最右边框架  
  

frame.html代码

  
  
  
  
框架结构  
  
  
  
  
      
      
      
  

运行结果图

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

  
  
  
  
混合框架结构  
  
  
  
      
      
      
      
          
          
          
          
          
      
  
  
  

运行结果图

以上就是HTML框架标签的实例应用的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有