Created
October 10, 2019 16:35
-
-
Save jO-Osko/022b43e5b9e5611206fe68077bfe429f to your computer and use it in GitHub Desktop.
Moja domača naloga
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <link rel="stylesheet" href="style.css"> | |
| <title>Moja prva spletna stran</title> | |
| <!-- todo: Poglej tole spodaj--> | |
| <!-- Doma si poglej kako dodas favicon --> | |
| </head> | |
| <body> | |
| <h1> | |
| To je moj naslov | |
| </h1> | |
| <h2> | |
| <!-- To je malo manjši naslov --> | |
| <br> | |
| To pa je nova vrsta | |
| </h2> | |
| <h3> | |
| To je čisto <a href="http://google.com">majhen</a> naslov | |
| </h3> | |
| <p class="podcrtan"> | |
| Lorem <b>ipsum dolor</b> sit amet, consectetur adipisicing elit. Accusantium ad aliquam aliquid consequatur culpa cum esse, facere facilis harum ipsum itaque molestiae neque praesentium quaerat qui similique sint unde voluptatibus! | |
| </p> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet animi aperiam assumenda consectetur deleniti deserunt est explicabo fugit itaque minima nisi numquam obcaecati optio qui quidem quisquam tempora, velit voluptate. | |
| </p> | |
| <p id="zadnji-odstavek" class="podcrtan"> | |
| Tole pa nočem, da je obarvano | |
| </p> | |
| <p id="zadnji-odstavek2"> | |
| tole je narobe | |
| </p> | |
| <a href="http://google.com"> | |
| <img width="100px" id="slikica" | |
| src="https://images.pexels.com/photos/617278/pexels-photo-617278.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" | |
| > | |
| </a> | |
| <h3>Nakupovalna košarica</h3> | |
| <ol> | |
| <li>Mleko</li> | |
| <li>Jajca</li> | |
| <li>Moka</li> | |
| <li><img width="100px" | |
| src="https://images.pexels.com/photos/617278/pexels-photo-617278.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" | |
| ></li> | |
| </ol> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Vzemimo vse znacke p */ | |
| p { | |
| /* Tole spodaj je barva pisave */ | |
| color: #FF00FF; | |
| /* Tole pa je barva ozadja */ | |
| background-color: rgba(255, 0, 255, 0.3); | |
| } | |
| /* Vzemimo tistega, ki ima id: zadnji-odstavek */ | |
| #zadnji-odstavek { | |
| color: blue; | |
| background-color: rgba(255, 0, 255, 0); | |
| } | |
| /* Vzemimo vse, ki imajo class: podcrtan */ | |
| a.podcrtan { | |
| text-decoration: underline; | |
| font-family: "Moja super pisava", | |
| "Times New Roman", Times, serif; | |
| } | |
| img { | |
| border: 4px dotted blue; | |
| } | |
| img:hover { | |
| border: 4px solid blue; | |
| } | |
| #slikica { | |
| margin-left: 30px; | |
| padding: 5px; | |
| border-radius: 3px; | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment