GMU:(In)visible Networks 2016/First tutor class: Difference between revisions

From Medien Wiki
Line 9: Line 9:


===Code===
===Code===
<pre>
<!DOCTYPE html>
<html>
<head>
<meta charset=“utf-8”>
<title> My Website</title>
<style>
html, body { font-family:Verdana;
//background-color:green;
}
h1, h3{
font-family:Verdana;
background-color: #000;
//margin: top right bottom left;
margin: 50px;
padding: 10px 50px 100px 100px;
//margin-top:1000px;
//font-size: 14px;
color: #ccc;
}
p{ background-color: rgba(71, 88, 137, .5);
padding:50px;
color: #ccc;
font-size:20px;
}
nav{
font-size:30px;
color: yellow;
}
ul { text-decoration: none;
text-style:none;
}
li{
display: inline;
padding:50px;
}
a {
color:red;
text-decoration: none;
}
a:hover{
color:yellow;
}
</style>
</head>
<body>
<nav>
<ul>
<li><a href=“https://www.google.com.mx/?gws_rd=ssl”>About</a></li>
<li><a href=“http://www.uni-weimar.de/de/universitaet/start/”>Portfolio</a></li>
<li><a href=“http://www.w3schools.com/”>Contact</a></li>
</ul>
</nav>
<h1>TITLE</h1>
<p>Paragraph</p>
<h3>TITLE</h3>
</body>
</html>
</pre>

Revision as of 20:31, 20 April 2016

Related Links

W3Schools

Codrops Tutorials

20 Things I learned about browsers and the web


Code

<!DOCTYPE html>
<html>
<head>
	<meta charset=“utf-8”>
	<title> My Website</title>
	<style>
		html, body { font-family:Verdana;
			//background-color:green;
}
		h1, h3{ 
			font-family:Verdana;
			background-color: #000;
			//margin: top right bottom left;
			margin: 50px;
			padding: 10px 50px 100px 100px;
			//margin-top:1000px;
			//font-size: 14px;
			color: #ccc;
			} 
		
		p{ background-color: rgba(71, 88, 137, .5);
			padding:50px;
			color: #ccc;
			font-size:20px;
}
		nav{
			font-size:30px;
			color: yellow;
}
		ul { text-decoration: none;
			text-style:none;
		}
		
		li{
			display: inline;
			padding:50px;
}
		
		a {
			color:red;
			text-decoration: none;
}
		a:hover{
			color:yellow;
}
	</style>
</head>

<body>

<nav>
	<ul>
		<li><a href=“https://www.google.com.mx/?gws_rd=ssl”>About</a></li>
		<li><a href=“http://www.uni-weimar.de/de/universitaet/start/”>Portfolio</a></li>
		<li><a href=“http://www.w3schools.com/”>Contact</a></li>
	</ul>
</nav>



<h1>TITLE</h1>
<p>Paragraph</p>


<h3>TITLE</h3>


</body>









</html>