HTML框架标签的实例应用

巴扎黑
Freigeben: 2017-06-07 16:46:25
Original
2263 Leute haben es durchsucht

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 
最左边框架
Nach dem Login kopieren

f2.html代码

    Insert title here 
中间框架
Nach dem Login kopieren

f3.html代码

    Insert title here 
最右边框架
Nach dem Login kopieren

frame.html代码

    框架结构  
Nach dem Login kopieren

运行结果图

1.jpg

例2.混合结构框架。

目录结构如图:

2.jpg

f1.html代码

    Insert title here 

这是一个导航框架

Nach dem Login kopieren

f2.html代码

    Insert title here 

菜单

菜单一

菜单二

Nach dem Login kopieren

f3.html代码

    Insert title here 
菜单内容 menu1.html代码 [html] view plain copy Insert title here
我是菜单一的内容
Nach dem Login kopieren

menu2.html代码

    Insert title here 
我是菜单二的内容
Nach dem Login kopieren

frame.html代码

    混合框架结构 
Nach dem Login kopieren

运行结果图

3.jpg

Das obige ist der detaillierte Inhalt vonHTML框架标签的实例应用. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!