|
|
| Line 1: |
Line 1: |
| − | Example of a very simple nav bar <br>
| + | [[ Basic html/css ]]<br> |
| − | <source lang="text">
| + | |
| − | | + | |
| − | <a href "index.html" >
| + | |
| − | Home
| + | |
| − | </a>
| + | |
| − |
| + | |
| − | <a href "contact.html" >
| + | |
| − | Contact
| + | |
| − | </a>
| + | |
| − | <hr></hr>
| + | |
| − | | + | |
| − | <img src="my.png" width="50%" />
| + | |
| − | | + | |
| − | </source>
| + | |
| − | Adding a stylesheet in a separate file<br>
| + | |
| − | <source lang="text">
| + | |
| − | <head>
| + | |
| − | <title> Georges documentation</title>
| + | |
| − | <link rel="stylesheet"
| + | |
| − | type="text/css"
| + | |
| − | href="style.css"
| + | |
| − | />
| + | |
| − | | + | |
| − | | + | |
| − | </head>
| + | |
| − | | + | |
| − | </source>
| + | |
| − | Stuff in the csss file :<br>
| + | |
| − | <source lang="text">
| + | |
| − | body {
| + | |
| − | background: green;
| + | |
| − | color: white;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | a{
| + | |
| − | color: grey;
| + | |
| − | }
| + | |
| − | </source>
| + | |
| − | Fonts : <br>
| + | |
| − | There are three categories of fonts :<br>
| + | |
| − | Serif, Sans-serif and monospace<br>
| + | |
| − | <source lang="text">
| + | |
| − | h1{
| + | |
| − | font-family: "Times new roman" serif;
| + | |
| − | font-size: 100px;
| + | |
| − | }
| + | |
| − | | + | |
| − | a:hover{
| + | |
| − | color: black;
| + | |
| − | background: white;
| + | |
| − | text-decoration: none;
| + | |
| − | | + | |
| − | | + | |
| − | }
| + | |
| − | </source>
| + | |
