Skip to content

Instantly share code, notes, and snippets.

@jsanz

jsanz/README.md

Last active August 29, 2015 14:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jsanz/6e784fa65389299df008 to your computer and use it in GitHub Desktop.
Save jsanz/6e784fa65389299df008 to your computer and use it in GitHub Desktop.
Download ZIP
HTML example
Raw
README.md
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>My Map</title>
<link rel="stylesheet" href="openlayers/theme/default/style.css" type="text/css">
<style>
* {
font-family: Arial, 'Sans Serif';
}
h2 {
color: darkblue;
}
#aDiv{
background-color: lightgray;
}
p {
color: #20561E;
}
.myClass {
font-size: smaller;
border:1px solid black;
padding:10px;
}
</style>
</head>
<body>
<h2>Welcome to web development</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
eget est sagittis, gravida mauris quis, aliquet purus. Ut blandit
aliquam mauris sed dictum. Donec sagittis tortor iaculis risus
egestas, vitae imperdiet libero aliquam. Pellentesque nec ligula
faucibus, fringilla diam a, tristique velit.</p>
<div id="aDiv"></div>
<p class="myClass">Ut laoreet mattis arcu eget viverra. Etiam
fermentum vitae arcu quis adipiscing. Integer eu adipiscing ante.
Nulla erat lacus, blandit nec vestibulum ac, dictum ac enim. Nunc
commodo hendrerit velit. Fusce auctor, quam quis feugiat
scelerisque, nisi nisl condimentum neque, in luctus nunc ante a
justo. Nam malesuada ipsum a lorem rhoncus tempor.</p>
<script>
/* set a variable */
var text = "Some text";
/* get an element */
var myDivElement = document.getElementById('aDiv');
/* add an attribute */
myDivElement.setAttribute('class', 'myClass');
/* add content */
myDivElement.innerHTML = '<p>' + text + '</p>';
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment