HTML komandos svetainių kūrimui

Kompiuteriai

Santrumpa HTML reiškia HyperText žymėjimo kalbą. HTML nėra programavimo kalba, tai yra žymėjimo kalba.

Visos naršyklės gali paversti šį žymėjimą patogiu požiūriu.

Šioje kalboje naudojamos specialios komandos,vadinamos žymos. Kiekviena žyma turi savo funkciją. Yra daugybė žymų. Idealiu atveju jums reikia išmokti visko. Tačiau pradedantiesiems kūrėjui pagrindinių žinių pakanka.

Pagrindinės HTML komandos

HTML komandų sąrašas yra labai didelis. Bet pagrindinis yra ne tiek daug. Kad pradėtumėte rašyti kodą, jums reikia redaktoriaus. Galite naudoti Notepad. Rekomenduojama naudoti Notepad ++. Jis atrodo taip.

html komandos svetainių kūrimui

Pranašumas yra tas, kad specialiuose redaktoriuoseŽymos yra pažymėtos tam tikra spalva, priklausomai nuo kategorijos. Komandos, skirtos sukurti HTML svetainę Notepad ar bet kurioje kitoje programoje, yra tos pačios. Kalba visur naudojama vienodai. Vystymo aplinka yra tik priemonė.

HTML uždarymas ir uždarymasžymos Taip pat šioje kalboje yra lizdo sąvoka. Kiekvienas kodo objektas yra elementas. Elementas turi atidarymo žymę, kuri taip pat apima turinį. Be to, žyma turi savo papildomų savybių su savo vertybėmis.

Paveikslėlyje parodytos dvi <html> ir </ html> žymos. Atminkite, kad atidarymas ir uždarymas yra vienodi, bet tik "/" yra kitoks. Jei žyma nėra uždaryta, tvarkyklė viską apsvarstys kaip šio konkretaus elemento tęsinį. Tai labai svarbu. Ypač nuorodose. Mes juos apsvarstysime šiek tiek toliau.

Reikalinga <html> žyma. Visada reikia rašyti. Bet to nebūtina uždaryti. Pagal standartus tai būtina, tačiau jei jūs neuždarytumėte, tai vis tiek veiks.

Yra ir kitos pagrindinės žymos: galva ir kūnas.

komandos sukurti html svetainę užrašų knygelėje

Šie HTML kodai yra puslapio skeletas. Jie yra privalomi. Jie taip pat uždaro.

Žymių pavadinimas atitinka reikšmę. Galvos galva. Šiame skyriuje nurodoma paslauga ir svarbi informacija, kurios negalima matyti. Kūno dalis yra dokumento kūnas. Čia yra turinys, kuris rodomas vartotojui. Pabandykite uždaryti žymes vienu metu, kad vėliau nebūtų painiavos.

html komandas

Paslaugos skyriuje nurodyta:

  • dokumento pavadinimas;
  • stilių failai;
  • scenarijų failai;
  • meta žymeles;
  • instrukcijos paieškos sistemoms;
  • instrukcijos robotai;
  • bet kokia kita informacija, kurią gali naudoti programuotojai, bet ne vartotojai.

Lentelė stilių jungiasi taip:

<link rel = "stylesheet" href = "style.css" type = "text / css">

Skripto failas yra toks:

<script type = "text / javascript" src = "main.js"> </ script>

Tekstas turi turėti pavadinimą. Mes jį nurodome taip:

<title> Puslapio pavadinimas </ title>

Šis tekstas bus rodomas naršyklės skirtuko antraštėje. Be to, šis antraštė išvedamas dėl paieškos rezultatų.

Teksto žymos

Tekstas turi būti įtrauktas į pastraipos žymą. Jis žymimas kaip <p> Tekstas </ p>. Tekstui taip pat galite naudoti <span> Stygą </ span>.

Galite išsiaiškinti tekstą, kaip ir "Word":

  • <i> kursyvu </ i>
  • <strong> Pilnas tekstas </ strong>
  • <s> Teksto perbraukimas </ s>
  • <u> Pabrauktas tekstas </ u>

Tekstas gali būti stiliaus. Mes pažvelgti į juos, galų gale, po kitų elementų apžvalga.

Naudojant antraštes

Yra ir kitos svarbios HTML komandos. Svetainių kūrimui būtinai naudokite antraštes. Jie nurodyti naudodami žymą <h1> pirmojo lygio žymą </ h1>. Yra lygių nuo 1 iki 6. Svarbu suprasti, kad antraštėse turėtų būti dedamas įdėtis.

Pavyzdys paveiksle.

pagrindinės komandos html

Turėkite omenyje, kad rekomenduojama naudotitik vienas antraštė h1. Tokiu atveju jis turi sutapti su <title> žyma. Žinoma, galite nurodyti 200 antraščių h1, bet tada jums bus taikomos sankcijos paieškos sistemos.

Vaizdų naudojimas

Vaizdai yra neatskiriama tinklalapių dalis. Pavyzdys rodo, kaip galite įterpti nuotrauką.

html komandos svetainę

Kaip matote, šis pavyzdys išsamiai parodo, kaip ir kas vadinama.

Naudojant nuorodas

Jei mokate HTML komandas, tada jūs turite žinoti nuorodas į žymas. Tai yra vienas iš svarbiausių elementų, sudarančių "World Wide Web".

Nuoroda nurodo <a> žymę. Bet tai turi būti uždaryta. Be to, šiame elemente yra privalomas atributas href, kuriame nurodomas nuorodos adresas.

html komandas

Aukščiau pateiktame pavyzdyje galite matyti, kad vietoj nuorodos teksto rodomas paveikslėlis. Tai reiškia, kad galite įdėti tiek tekstą, tiek paveikslėlį.

Nuorodos taip pat gali būti suformatuotas Stilių naudojimas klases arba paprastu žymes (pasvirusiomis raidėmis, arba drąsių, pabraukti, perbraukti).

Lentelių naudojimas

Lentelės taip pat naudojamos labai dažnai. Iš pradžių jie turėjo pateikti informaciją patogia forma. Bet tada jie panaudojo juos, kad įdėtų įvairias šio puslapio elementus.

Lentelė sukurta taip:

<table width = "100%" border = "1">

<tr>

<td> langelis tekstas </ td>

<td> langelis tekstas </ td>

</ tr>

<tr>

<td> langelis tekstas </ td>

<td> langelis tekstas </ td>

</ tr>

</ table>

Pločio atributas nurodo lentelės plotį. Tai gali būti procentais arba pikseliais. Riba rodo rėmo storį.

Struktūra nurodyta sekančiai. Tr žymė yra eilutė. Žymėkite td ląstelę. Ir visi kartu yra stalas.

html komandų sąrašas

Lentelę galima suderinti. Tai atliekama naudojant lydinio atributą, kuris gali turėti tris reikšmes: kairėn, centras, dešinė. Toliau pateikiamas naudojimo pavyzdys.

html komandos lentelėje

Šios HTML komandos (plotis ir lygiavimas) tinkami kitiems elementams. Rėmelio storis taip pat nurodytas nuotraukose.

Naudojant sąrašus

Naudodami HTML komandas galite kurti skirtingus sąrašų tipus. Beveik tas pats, kas "Word" redaktoriuje.

Html yra užsisakyti ir nepakeisti sąrašai (pažymėti). Tokio sąrašo pavyzdys.

<ul>

<li> Pirmas </ li>

<li> Antroji </ li>

<li> Trečia </ li>

</ ul>

Rezultatas bus:

  • Pirmasis
  • Antrasis
  • Trečias

Sąrašo tipas

HTML kodas

Apskritimo forma

<ul type = "diskas">
<li> ... </ li>
</ ul>

Apskritimo forma

<ul type = "circle">
<li> ... </ li>
</ ul>

Su kvadratiniais žymenimis

<ul type = "square">
<li> ... </ li>
</ ul>

Užsakyti sąrašai yra sukurti taip pat, bet tik vietoj <ul>, mes naudojame <ol> tag.

Čia taip pat galite nustatyti sąrašo išvesties tipą:

  • "1" - arabų numeriai 1, 2, 3 ...
  • "A" - didžiosiomis raidėmis A, B, C ...
  • "a" - mažosios raidės a, b, c ...
  • "Aš" - dideli romėnai I, II, III ...
  • "aš" - mažas romėnų skaičius i, ii, iii ...

Arabų numeriai rodomi kaip standartiniai.

Kadangi tai yra sunumeruoti sąrašai, jie turi pradinio atributo, kuris nurodo pradinę sąrašo vertę. Pavyzdžiui, galite rodyti sąrašą nuo 10 ar 20.

Stilių naudojimas

HTML komandos komandos yra labai įvairios, tačiaujie visi laikosi stilių. Stiliai gali būti nurodyti kaip galvos failas: <link rel = "stylesheet" href = "style.css" type = "text / css"> arba nurodyti paruoštą stilių.

Atkreipkite dėmesį, kad tarp šių apibrėžimųstilius yra skirtumas. Stilius-failas gali būti nurodytas visuose svetainės puslapiuose. Kai atliksite pakeitimus, šis naujinimas turės įtakos visai svetainei. Jei konkrečiame puslapyje nurodysite stilių, tada šių klasių pakeitimai ir naudojimas bus tik šio failo viduje. Jūsų nustatymai neviršys jo.

Įsivaizduokite, kad turite 20 HTML puslapių ir jūsnusprendė, kad antraštė padidėtų 2 pikseliais. Jei turite viską stilių lentelėje, jį reikia redaguoti tik ten. Jei visur atskirai, tuomet turite atnaujinti visus 20 puslapių.

Galite nurodyti tik vieną puslapį, kaip nurodyta toliau.

HTML komandų stilius

Šis metodas nerekomenduojamas.