astkhq.cc

Tēma

HTML: Galvene jeb galvas daļa ​

Birka <head></head> tiek izmantota, lai norādītu svarīgu informāciju par tīmekļa lapu. Šajā daļā tiek iekļauta:

  • lapas kodēšana (UTF-8);
  • ārējo bibliotēku pieslēgšana;
  • meta dati (piemēram, valoda, apraksts);
  • stilu (CSS) un JavaScript failu pieslēgšana;
  • lapas nosaukums un ikona.

Šī daļa tiek rakstīta tikai vienu reizi katrā .html failā.

Rakstzīmju kopa ​

Rakstzīmju kopa nosaka, kādi simboli (burti, cipari, zīmes) ir pieejami un kā tie tiek attēloti pārlūkprogrammā.

Populāras rakstzīmju kopas:

  • UTF-8(visbiežāk izmantotā);
  • Windows-1252;
  • ISO-8859-1;

Uzzini vairāk par HTML rakstzīmju kopām:

HTML Charset
https://www.w3schools.com/html/html_charset.asp

Kā norādīt rakstzīmju kopu ​

index.html
html
<head>
    <meta charset="UTF-8">
    <!-- cita informācija -->
</head>

CSS stilu pieslēgšana ​

CSS stilus var pievienot divos veidos:

  • Ar birkām <style>...</style> pašā HTML dokumentā;
  • Ar ārēju failu, izmantojot birku <link>

Stili HTML dokumentā ​

index.html
html
<head>
    <style>
        /* lapas stili */
        table, td, th {
            border: 1px solid black;
        }
    </style>
</head>

Stili no ārēja faila ​

index.html
html
<head>
    <!-- href norāda uz faila atrašanās vietu -->
    <link rel="stylesheet" href="styles.css">
</head>

JavaScript pieslēgšana ​

JavaScript kodu var pievienot vairākos veidos:

  • Tieši <head> daļā;
  • Lapā — iekš <body>;
  • Kā ārēju failu.

JavaScript iekš <head> ​

index.html
html
<head>
    ...
    <script>
        function myFunction() {
        document.getElementById("demo").innerHTML = "Paragraph changed.";
        }
    </script>
</head>
<body>
    ...
</body>

JavaScript iekš <body> ​

index.html
html
<head>
    ...
</head>
<body>
    ...
    <script>
        function myFunction() {
        document.getElementById("demo").innerHTML = "Paragraph changed.";
        }
    </script>
</head>

JavaScript no ārēja faila ​

index.html
html
<head>
    ...
    <script src="myScript.js"></script>
</head>

Lapas nosaukums cilnē ​

Nosaukums, kas redzams pārlūka cilnē.

index.html
html
<head>
    <title>Lapas nosaukums</title>
</head>

Ikona pārlūka cilnē (favicon) ​

Lai pievienotu ikonu, izmanto birku <link rel="icon">. Ikona var būt .ico, .png vai .svg formātā.

index.html
html
<head>
    <!-- href="vietējais vai ārējs ceļš uz ikonu" -->
    <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
    <!-- vai -->
    <link rel="icon" type="image/png" href="/images/favicon.png">
    <!-- vai -->
    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg">
</head>

Noderīgi materiāli ​

HTML - The Head Element
https://www.w3schools.com/html/html_head.asp