今天将为大家带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=