HTML基础标签和框架结构

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

注释标签

段落标签

标题标签

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

换行标签
或者

(字体)粗体标签

(字体)斜体标签

下标

上标

预格式标签

地址标签

删除标签

插入标签

连接标签

下水平线标签


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

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

百度

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

 百度
	

在新的浏览器打开连接:

百度
	

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


	跳转
	

段落a1

段落a1

段落a1


3.HTML中的框架结构

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

目录结构如图:

HTML基础标签和框架结构_第1张图片


f1.html代码





Insert title here


	最左边框架

f2.html代码





Insert title here


	中间框架

f3.html代码





Insert title here


	最右边框架

frame.html代码





框架结构




	
	
	

运行结果图


HTML基础标签和框架结构_第2张图片 

例2.混合结构框架。

目录结构如图:

HTML基础标签和框架结构_第3张图片

f1.html代码





Insert title here


	

这是一个导航框架

f2.html代码





Insert title here


	

菜单

菜单一

菜单二

f3.html代码





Insert title here


	菜单内容

menu1.html代码





Insert title here


	我是菜单一的内容

menu2.html代码





Insert title here


	我是菜单二的内容

frame.html代码





混合框架结构



	
	
	
	
		
		
		
		
		
	



运行结果图

HTML基础标签和框架结构_第4张图片

例3.带导航的混合框架结构,单击描点快速进入界面。

目录结构图

HTML基础标签和框架结构_第5张图片

f1.html代码





Insert title here


	

这是一个导航框架

f2.html代码





Insert title here


	

目录

跳转到节点一

跳转到节点二

跳转到节点三

跳转到节点四

跳转到节点五

f3.html代码





Insert title here


	菜单内容

node.html代码





Insert title here


	
	

节点一













节点二













节点三













节点四













节点五













frame.html代码





混合框架结构



	
	
	
	
		
		
		
		
		
	



运行结果图

HTML基础标签和框架结构_第6张图片

你可能感兴趣的:(JavaWeb学习笔记)