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 학습자의 빠른 성장을 도와주세요!