HTML中的内联框架及进阶设计

北京儿童皮肤病医院 http://news.39.net/bjzkhbzy/210403/8811352.html

今天将为大家带HTML的内联框架,以及网页进阶设计,在想对网页做出更进一步的完善时,我们可以使用JavaScript对网页设计出更多的样式以及使用响应式设计来设计出更加出众的网页外观。

一、HTML框架—iframe

1、Iframe是一种可以在网页内联其他网页的元素

2、Iframe语法为:iframearc=“URL”/iframe(其中URL指向不同的网页)

3、Iframe以height和width属性来定义长度和宽度,示例:

运行结果:

4、在iframe中可以用frameborder属性来定义是否显示边框,设置属性为“0”的时候移除iframe的边框,示例:

运行结果:

二、HTMLjavaScript

1、JavaScript是面向Web的编程语言,获得了所有网页浏览器的支持,是目前使用最广泛的脚本编程语言之一,也是网页设计和Web应用必须掌握的基本工具。

2、在HTML中是用script标签来定义客户端脚本(JavaScript)。

3、JavaScript的常见用途是图像处理、表单验证和内容的动态更改。

4、JavaScript更改内容的示例:

!DOCTYPEhtml

html

head

titlejavascript示例/title

/head

body

buttontype=buttononclick=myCat()点击这里!/button

pid=eg1看这里/p

script

functionmyCat(){

document.getElementById(eg1).innerHTML=hello!;

}

/script

/body

/html

运行结果:

点击前点击后

Javascrip可以修改样式,示例:

!DOCTYPEhtml

html

body

h1我的第一段JavaScript/h1

pid=demoJavaScript可以更改HTML元素的样式。/p

script

functionmyFunction(){

document.getElementById(demo).style.fontSize=25px;

document.getElementById(demo).style.color=red;

document.getElementById(demo).style.backgroundColor=yellow;

}

/script

buttontype=buttononclick=myFunction()点击我!/button

/body

/html

运行结果:

点击前点击后

三、HTML文件路径

1、文件路径描述了网站文件夹结构中某个文件的位置。

2、文件路径会在连接外部文件时被用到:

l网页

l图像

l样式表

lJavaScript

3、绝对文件路径是指向一个因特网文件的完整URL,示例:

imgsrc=


转载请注明:http://www.aierlanlan.com/cyrz/1650.html