Šiame straipsnyje aptarsime, kaip įterpti kodą į HTML dokumento
sritį. sritis yra esminė HTML dokumento dalis, kurioje pateikiama metaduomenų informacija apie dokumentą, tokia kaip pavadinimas, nuorodos į stiliaus failus, scenarijus ir kita svarbi informacija, kuri nėra tiesiogiai rodoma puslapio turinyje.
Pagrindinės HTML gairės
Prieš pradedant, svarbu suprasti pagrindinę HTML dokumento struktūrą. Štai pavyzdys:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Antraštė</title> </head> <body> <p>tekstas</p> </body></html>srities svarba
sritis yra skirta talpinti elementus, kurie apibrėžia dokumento metaduomenis. Tai apima:- Dokumento pavadinimą (<title>)
- Nuorodas į stiliaus failus (<link>)
- JavaScript kodą (<script>)
- Metaduomenų aprašymus (<meta>)
Kaip įterpti kodą į sritį
Norint įterpti kodą į
sritį, reikia atlikti kelis paprastus žingsnius.1. Atidarykite HTML failą
Pirmiausia, atidarykite HTML failą, į kurį norite įterpti kodą, naudodami teksto redaktorių, pvz., Notepad++, Visual Studio Code ar Sublime Text.
2. Raskite sritį
HTML dokumente raskite
sritį. Ji prasideda nuo žymos <head> ir baigiasi žyma </head>.3. Įterpkite kodą
Įterpkite norimą kodą tarp <head> ir </head> žymų. Pavyzdžiui, jei norite įterpti stiliaus failą, naudokite <link> žymą:
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Antraštė</title> <link rel="stylesheet" href="style.css"></head>Arba, jei norite įterpti JavaScript kodą, naudokite <script> žymą:
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Antraštė</title> <script src="script.js"></script></head>4. Išsaugokite failą
Išsaugoję pakeitimus, atidarykite HTML failą naršyklėje, kad patikrintumėte, ar kodas veikia tinkamai.
Kodo pavyzdžiai
Stiliaus failo įterpimas
<link rel="stylesheet" href="style.css">JavaScript kodo įterpimas
<script src="script.js"></script>Metaduomenų įterpimas
<meta name="description" content="Puslapio aprašymas"><meta name="keywords" content="raktiniai žodžiai">HTML elementų atributai
HTML elementai gali turėti įvairių atributų, kurie nurodo papildomas elemento savybes. Štai keletas pagrindinių atributų pavyzdžių:
- bgcolor="spalva" - fono spalva
- background="paveikslelis" - fono paveikslėlis
- align="left|center|right" - lygiavimas
- color="spalva" - teksto spalva
- size="dydis" - teksto dydis
- width="skaičius|procentai" - plotis
- type="disc|square|circle" - sąrašo tipo atributas
- border="taškai" - rėmelis
Štai lentelė su kai kuriais HTML elementų atributais:
| Atributas | Aprašymas |
|---|---|
| bgcolor | Nurodo fono spalvą |
| background | Nurodo fono paveikslėlį |
| align | Nurodo elemento lygiavimą |
| color | Nurodo teksto spalvą |
| size | Nurodo teksto dydį |