Skillnad mellan versioner av "Lektion 10 (Webb 1)"

Från Mathonline
Hoppa till: navigering, sök
m
m
 
(2 mellanliggande versioner av samma användare visas inte)
Rad 1: Rad 1:
 +
__NOTOC__
 +
{| border="0" cellspacing="0" cellpadding="0" height="30" width="100%"
 +
| style="border-bottom:1px solid #797979" width="5px" |  
 +
{{Not selected tab|[[Lektion 9 (Webb 1)| <<&nbsp;&nbsp;Förra lektion]]}}
 +
<!-- {{Not selected tab|[http://sharedfiles.mathonline.se/Webb_1_innehall_str.pdf Innehåll & struktur]}} -->
 +
{{Selected tab|[[Lektion 10 (Webb 1)|Lektion 10]]}}
 +
{{Not selected tab|[[Kap 2 Grundbegrepp i webbutveckling (forts. 4)|Genomgång 10]]}}
 +
{{Not selected tab|[[Övningar 10 (Webb 1)|Övningar 10]]}}
 +
{{Not selected tab|[[Lektion 11 (Webb 1)|Nästa lektion&nbsp;&nbsp;>> ]]}}
 +
| style="border-bottom:1px solid #797979"  width="100%"| &nbsp;
 +
|}
  
−
<!DOCTYPE html>
+
<br>
−
<html lang="sv">
+
  
−
<head>
+
= <b><span style="color:#931136">Agenda</span></b> =
−
    <meta charset="UTF-8">
+
<big><big><b>
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
::[[Kap 2 Grundbegrepp i webbutveckling (forts. 4)|<span style="color:blue">Kap 2 Grundbegrepp i webbutveckling (forts.)</span>]]
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
::::[[Kap 2 Grundbegrepp i webbutveckling (forts. 4)|<span style="color:blue">2.5 Punklistor</span>]]
−
    <title>enur.se - Specialtecken</title>
+
:::::[[Kap 2 Grundbegrepp i webbutveckling (forts. 4)|<span style="color:blue">Scriptet Links2</span>]]
−
    <meta name="Keywords" content="webbutveckling, webbdesign, webbteknik, html, css, javascript">
+
:::::[[Kap 2 Grundbegrepp i webbutveckling (forts. 4|<span style="color:blue">Elementet unordered list ul</span>]]
−
    <meta name="Description" content="Föreläsningar och laborationer i webbutveckling på klientsidan.">
+
:::::[[Kap 2 Grundbegrepp i webbutveckling (forts. 4)|<span style="color:blue">li-taggen</span>]]
−
    <meta name="Author" content="Rune Körnefors">
+
::[[Övningar 10 (Webb 1)|<span style="color:blue">Övningar 10</span>]]
−
    <link rel="icon" href="img/favicon.png" type="image/png">
+
::[https://sharedfiles.mathonline.se/Boken_Webbutv_1.pdf <span style="color:blue">Läsanvisning 10: Kursboken sid 35-36</span>]
−
    <link rel="stylesheet" href="css/style.css" media="all">
+
</b></big></big>
−
    <script src="js-script/script.js"></script>
+
−
</head>
+
  
−
<body>
 
−
    <nav>
 
−
        <label for="menucheckbox" id="menuicon"></label>
 
−
        <input type="checkbox" id="menucheckbox">
 
−
        <ul>
 
−
            <li><a href="index.html">Start</a></li>
 
−
            <li><a href="om.html">Om &amp; kontakt</a></li>
 
−
        </ul>
 
−
    </nav>
 
−
    <header>
 
−
        <h1>Rune Körnefors</h1>
 
−
        <div>
 
−
            <img src="img/header.png" alt="Bild med texten Rune Körnefors - enur.se" id="logo">
 
−
        </div>
 
−
        <h2>Specialtecken</h2> 
 
−
    </header>
 
−
    <main>
 
−
        <p class="description">På tangentbordet finns det en hel del tecken förutom bokstäver och siffror. Många av dessa speciella tecken används i webbadresser och olika kodspråk (såsom HTML, CSS och JavaScript). Men jag har märkt att det är många som inte riktigt vet vad tecknen heter, så därför sammanställde jag denna tabell med de vanligaste tecknen.</p>
 
−
        <p>Tangentkombinationerna i de två sista kolumnerna är för svenskt tangentbord, men för Windows kan det ändå skilja sig åt mellan olika tangentbord. Så kolla om tecknen är tryckta på tangenterna, annars får du prova dig fram.</p>
 
−
        <table id="charTable">
 
−
            <tr>
 
−
                <th>Tecken</th>
 
−
                <th>Svenska</th>
 
−
                <th>Engelska</th>
 
−
                <th>HTML-entitet</th>
 
−
                <th>Unicode</th>
 
−
                <th>Macintosh</th>
 
−
                <th>Windows</th>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>#</td>
 
−
                <td>Nummertecken<br>
 
−
                    Stakettecken<br>
 
−
                    Brädgård<br>
 
−
                    Fyrkant</td>
 
−
                <td>Hash<br>
 
−
                    Number sign</td>
 
−
                <td>&amp;num;</td>
 
−
                <td>35</td>
 
−
                <td>shift 3</td>
 
−
                <td>shift 3</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>/</td>
 
−
                <td>Snedstreck</td>
 
−
                <td>Slash</td>
 
−
                <td>&amp;sol;</td>
 
−
                <td>47</td>
 
−
                <td>shift 7</td>
 
−
                <td>shift 7</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>\</td>
 
−
                <td>Omvänt snedstreck<br>Bakstreck</td>
 
−
                <td>Backslash</td>
 
−
                <td>&amp;bsol;</td>
 
−
                <td>92</td>
 
−
                <td>shift alt 7</td>
 
−
                <td>shift altGr 7</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>|</td>
 
−
                <td>Lodrätt streck<br>Lodstreck<br>Vertikalstreck</td>
 
−
                <td>Vertical bar</td>
 
−
                <td>&amp;verbar;</td>
 
−
                <td>124</td>
 
−
                <td>alt 7</td>
 
−
                <td>altGr 7</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>( )</td>
 
−
                <td>Parentes<br>Rundparentes<br>Vanlig parentes</td>
 
−
                <td>Parenthesis</td>
 
−
                <td>&amp;lpar;<br>&amp;rpar;</td>
 
−
                <td>40<br>41</td>
 
−
                <td>shift 8<br>shift 9</td>
 
−
                <td>shift 8<br>shift 9</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>[ ]</td>
 
−
                <td>Hakparentes</td>
 
−
                <td>Square bracket</td>
 
−
                <td>&amp;lbrack;<br>&amp;rbrack;</td>
 
−
                <td>91<br>93</td>
 
−
                <td>alt 8<br>alt 9</td>
 
−
                <td>altGr 8<br>altGr 9</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>{ }</td>
 
−
                <td>Klammer<br>Spetsparentes</td>
 
−
                <td>Curly bracket<br>Brace</td>
 
−
                <td>&amp;lbrace;<br>&amp;rbrace;</td>
 
−
                <td>123<br>125</td>
 
−
                <td>shift alt 8<br>shift alt 9</td>
 
−
                <td>shift altGr 8<br>shift altGr 9</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>&lt; &gt;</td>
 
−
                <td>Vinkelparentes<br>Mindre än, större än</td>
 
−
                <td>Pointing angle bracket<br>Less than, greater than</td>
 
−
                <td>&amp;lt;<br>&amp;gt;</td>
 
−
                <td>60<br>62</td>
 
−
                <td>&lt;<br>shift &lt;</td>
 
−
                <td>&lt;<br>shift &lt;</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>=</td>
 
−
                <td>Likhetstecken</td>
 
−
                <td>Equals sign</td>
 
−
                <td>&amp;equals;</td>
 
−
                <td>61</td>
 
−
                <td>shift 0</td>
 
−
                <td>shift 0</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>:</td>
 
−
                <td>Kolon</td>
 
−
                <td>Colon</td>
 
−
                <td>&amp;colon;</td>
 
−
                <td>58</td>
 
−
                <td>shift .</td>
 
−
                <td>shift .</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>;</td>
 
−
                <td>Semikolon</td>
 
−
                <td>Semicolon</td>
 
−
                <td>&amp;semi;</td>
 
−
                <td>59</td>
 
−
                <td>shift ,</td>
 
−
                <td>shift ,</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>&quot;</td>
 
−
                <td>Citattecken<br>Citationstecken</td>
 
−
                <td>Quotation mark<br>Double quotation mark</td>
 
−
                <td>&amp;quot;</td>
 
−
                <td>34</td>
 
−
                <td>shift 2</td>
 
−
                <td>shift 2</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>'</td>
 
−
                <td>Apostrof<br>Enkelt citattecken</td>
 
−
                <td>Apostrophe<br>Single quotation mark</td>
 
−
                <td>&amp;apos;</td>
 
−
                <td>39</td>
 
−
                <td>'</td>
 
−
                <td>'</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>`</td>
 
−
                <td>Bakvänd apostrof<br>grave accent</td>
 
−
                <td>Backtick</td>
 
−
                <td>&amp;grave;</td>
 
−
                <td>96</td>
 
−
                <td>shift ´</td>
 
−
                <td>alt ´ mellanslag</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>&amp;</td>
 
−
                <td>Och-tecken<br>Et-tecken</td>
 
−
                <td>Ampersand<br>And sign</td>
 
−
                <td>&amp;amp;</td>
 
−
                <td>38</td>
 
−
                <td>shift 6</td>
 
−
                <td>shift 6</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>!</td>
 
−
                <td>Utropstecken</td>
 
−
                <td>Exclamation mark</td>
 
−
                <td>&amp;excl;</td>
 
−
                <td>33</td>
 
−
                <td>shift 1</td>
 
−
                <td>shift 1</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>?</td>
 
−
                <td>Frågetecken</td>
 
−
                <td>Question mark</td>
 
−
                <td>&amp;quest;</td>
 
−
                <td>63</td>
 
−
                <td>shift +</td>
 
−
                <td>shift +</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>*</td>
 
−
                <td>Asterisk<br>Stjärna</td>
 
−
                <td>Asterisk<br>Star</td>
 
−
                <td>&amp;ast;</td>
 
−
                <td>42</td>
 
−
                <td>shift '</td>
 
−
                <td>shift '</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>~</td>
 
−
                <td>Tilde</td>
 
−
                <td>Tilde</td>
 
−
                <td>&amp;tilde;</td>
 
−
                <td>126</td>
 
−
                <td>alt ¨ mellanslag</td>
 
−
                <td>altGr ¨ mellanslag</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>^</td>
 
−
                <td>Insättningstecken<br>Hatt</td>
 
−
                <td>Caret<br>Hat</td>
 
−
                <td>&amp;hat</td>
 
−
                <td>94</td>
 
−
                <td>shift ¨ mellanslag</td>
 
−
                <td>shift ¨ mellanslag</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>-</td>
 
−
                <td>Bindestreck</td>
 
−
                <td>Hyphen</td>
 
−
                <td>&amp;hyphen;</td>
 
−
                <td>45</td>
 
−
                <td>-</td>
 
−
                <td>-</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>_</td>
 
−
                <td>Understreck</td>
 
−
                <td>Underscore<br>Underline</td>
 
−
                <td>&amp;lowbar;</td>
 
−
                <td>95</td>
 
−
                <td>shift -</td>
 
−
                <td>shift -</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>&nbsp;</td>
 
−
                <td>Blanksteg<br>Mellanslag</td>
 
−
                <td>Space</td>
 
−
                <td>&amp;#32;</td>
 
−
                <td>32</td>
 
−
                <td>mellanslag</td>
 
−
                <td>mellanslag</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>&nbsp;</td>
 
−
                <td>Hårt blanksteg<br>Hårt mellanslag</td>
 
−
                <td>Non-breaking space</td>
 
−
                <td>&amp;#nbsp;</td>
 
−
                <td>160</td>
 
−
                <td>alt mellanslag</td>
 
−
                <td>alt mellanslag</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>@</td>
 
−
                <td>Snabel-a</td>
 
−
                <td>At sign<br>Commercial at</td>
 
−
                <td>&amp;commat;</td>
 
−
                <td>64</td>
 
−
                <td>alt 2</td>
 
−
                <td>altGr 2</td>
 
−
            </tr>
 
−
            <tr>
 
−
                <td>•</td>
 
−
                <td>Listpunkt</td>
 
−
                <td>Bullet<br>Bullet point</td>
 
−
                <td>&amp;bullet;</td>
 
−
                <td>8226</td>
 
−
                <td>shift alt §</td>
 
−
                <td>shift altGr §</td>
 
−
            </tr>
 
−
        </table>
 
−
    </main>
 
−
    <footer>
 
−
        <ul>
 
−
            <li>&copy; 2022-2023 Rune Körnefors</li>
 
−
            <li>Uppdaterad: <span id="lastUpdated">0000-00-00</span></li>
 
−
        </ul>
 
−
    </footer>
 
−
</body>
 
  
−
</html>
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
[[Matte:Copyrights|Copyright]] © 2024 <b><span style="color:blue">Lieta AB</span></b>. All Rights Reserved.

Nuvarande version från 29 september 2024 kl. 14.14

        <<  Förra lektion          Lektion 10          Genomgång 10          Övningar 10          Nästa lektion  >>      


Agenda

Kap 2 Grundbegrepp i webbutveckling (forts.)
2.5 Punklistor
Scriptet Links2
Elementet unordered list ul
li-taggen
Övningar 10
Läsanvisning 10: Kursboken sid 35-36








Copyright © 2024 Lieta AB. All Rights Reserved.

Hämtad från "https://kurser.mathonline.se/index.php?title=Lektion_10_(Webb_1)&oldid=15129"