Webbutveckling

Varför ska man följa webbstandarder?

För att så många som möjligt kan ta del av informationen på webbsidan oberoende av webbläsare och plattform som används.
Idag är det viktigt att sidan är anpassad till mobila enheter som Smartphone, Surfplatta, Bärbar dator och stationär dator.

Inom HTML är det viktigt att kunna de vanligaste koderna:
<html></html> ,<head></head> , <body></body> , <a></a>, <ul> </ul>, <p></p>, <li> </li>, <table></table>
<span></span>, <img>, <tr></tr> , <div></div>, <br>, <td></td>, <title></title>

Det finns många olika källor för information om webbutveckling, här är några

Webbsidor (svensk- och engelskspråkiga):

http://webdesignskolan.se/html/html_grunderna.php

https://webbdesignkurser.se/

http://www.w3schools.com/

http://www.sitepoint.com/courses/build-your-first-html-css/

https://www.codecademy.com/en/skills/make-a-website/

 

Skapa Kolappsande Div

<!DOCTYPE html>
<html>
<head>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>
<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js”></script>
</head>
<body>

<div class=”container”>
<h2>Läs mer</h2>
<a href=”#demo” class=”btn btn-info” data-toggle=”collapse”>Läs mer</a>
<div id=”demo” class=”collapse”>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>

</body>
</html>