Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> <!-- For intranet testin
g only, remove in production. -->
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Slide Show</title>
</head>
<body>
<div id="slideShowImages">
<img src="images/slide1.jpg" alt="Slide 1" />
<img src="images/slide2.jpg" alt="Slide 2" />
<img src="images/slide3.jpg" alt="Slide 3" />
<img src="images/slide4.jpg" alt="Slide 4" />
</div>
<button id="slideShowButton"></button> <!-- Optional button element. -->
<script src="slideShow.js"></script>
</body>
</html>
********************************************************************************
**********
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> <!-- For intranet testin
g only, remove in production. -->
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Slide Show</title>
<style>
#slideShowImages { /* The following CSS rules are optional. */
border: 1px gray solid;
background-color: lightgray;
}
#slideShowImages img { /* The following CSS rules are optional. */
border: 0.8em black solid;
padding: 3px;
}
</style>
</head>
<body>
<div id="slideShowImages">
<img src="images/slide1.jpg" alt="Slide 1" />
<img src="images/slide2.jpg" alt="Slide 2" />
<img src="images/slide3.jpg" alt="Slide 3" />
<img src="images/slide4.jpg" alt="Slide 4" />
</div>
<button id="slideShowButton"></button> <!-- Optional button element. -->
<script src="slideShow.js"></script>
</body>
</html>
********************************************************************************
*****************
<!DOCTYPE html>
<html>
<head>
<style>
#map {
width: 500px;
height: 400px;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initMap() {
var mapDiv = document.getElementById('map');
var map = new google.maps.Map(mapDiv, {
center: {lat: 44.540, lng: -78.546},
zoom: 8
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?callback=initMap"
async defer></script>
</body>
</html>
********************************************************************************
**************************
<!DOCTYPE html>
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapProp = {
center:new google.maps.LatLng(15.823424,74.491337),
zoom:16,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>