HTML on hüperteksti märgistuskeele lühend ja see on kood või keel, mida kasutatakse veebisaidi põhipaigutuste loomiseks. See võib tunduda pisut hirmutav, kui te pole kunagi varem kodeerinud, kuid proovimiseks on vaja ainult tavalist tekstitöötlusrakendust ja Interneti-brauserit. Võite isegi ära tunda mõne HTML-i, mida kasutatakse teksti muutmiseks veebifoorumites, kohandatud veebiprofiilides või isegi mõnes Selgitatud artiklis. HTML on kasulik tööriist kõigile, kes kasutavad Internetti ja põhitõdede õppimine võib võtta vähem aega, kui arvate.

1
Avage HTML-dokument. HTML-dokumentide kirjutamiseks saab kasutada enamikku tekstitöötlusprogramme, sealhulgas Notepad või Notepad++ Windowsile, TextEdit for Mac ja gedit for GNU/Linux. Avage uus dokument ja kasutage ülemises menüüs käsku Fail – Salvesta nimega, et salvestada see “veebilehena” või muuta faililaiendiks “.html” mitte “.doc”, “.rtf” või “. mis tahes muu laiend.Võite näha hoiatust, et teie dokument muudetakse “rikasteksti” asemel “lihttekstiks” või et erivormingut ja pilte ei salvestata õigesti. See sobib; HTML-dokumendid neid valikuid ei kasuta.

2
Vaadake oma dokumenti Interneti-brauseris. Salvestage tühi dokument, seejärel leidke oma arvutist dokumendi ikoon ja topeltklõpsake selle avamiseks. See peaks teie brauseris avanema tühja veebilehena. Kui seda ei juhtu, lohistage failiikoon oma brauseri URL-i (aadressi) ribale. Kui muudate selles õpetuses oma HTML-dokumenti, saate pidevalt tagasi vaadata ja vaadata, kuidas teie veebileht muutub. Pange tähele, et see ei loo tegelikult veebisaiti võrgus. Sellele ei pääse teised ligi ja te ei vaja testimiseks Interneti-ühendust. See lihtsalt kasutab teie HTML-dokumendi “lugemiseks” brauserit, nagu see oleks veebisait.

3
Märgistusmärgendite mõistmine. Märgistussildid ei kuvata veebilehel nagu tavalist teksti. Selle asemel ütlevad nad teie veebibrauserile, kuidas lehte ja selle sisu kuvada. “Start tag” sisaldab juhiseid. Näiteks võib see käskida brauseril kuvada teksti paksus kirjas. Samuti vajate “lõpumärgendit”, et anda brauserile teada, kus juhised kehtivad: selles näites on kogu algus- ja lõpumärgendi vahel olev tekst paksus kirjas. Kirjutage lõpusildid ka nurksulgude sisse, kuid alustage esimese sulgu järel kaldkriipsuga.Kirjutage algussildid nurksulgude vahele: Kirjutage lõpusildid nurksulgude vahele, kuid esimese sulgu järele pange kaldkriips: ) Jätkake lugemist, et õppida, kuidas kirjutada funktsionaalseid märgistusmärgendeid. Selle sammu jaoks peate meeles pidama ainult põhivormingut, milles need on kirjutatud: < > ja Kui kasutate ka muid HTML-i õpetusi, võite näha, et need viitavad siltidele kui “elementidele” ja tekstile algus- ja lõpumärgendite vahel kui “elemendi sisu”.

4
Kirjutage oma esimene silt. Iga html-dokument algab sildiga ja lõpeb sildiga. See annab brauserile teada, et kõik nende siltide vahel on HTML-is. Lisage need sildid oma dokumendile: sageli alustatakse HTML-faile reaga , mis näitab, et brauserid peaksid faili tervikuna lugema HTML-failina. Seda pole vaja, kuid see võib aidata lahendada ühilduvusprobleeme.Kirjutage oma dokumendi ülaossa klahvi.Vajutage mitu korda sisestusklahvi või naasmist, et ruumi anda, seejärel kirjutageÄrge unustage, et kirjutate kõik muu selles õpetuses nende kahe sildi vahele.

5
Täitke dokumendi osa. Kirjutage siltide ja vahele algusmärgend ja lõpumärgend. Andke endale ruumi nende vahele kirjutamiseks. Kõike, mis jääb nende peamärgendite vahele, tegelikult lehel endal ei kuvata. Proovige järgmist ja vaadake, kus see selle asemel kuvatakse: märgendite ja vahele kirjutagemärgendite vahele, kirjutage Kuidas õppida HTML – Selgitatud.Salvestage dokument ja avage see brauseris (või salvestage dokument, seejärel värskendage brauseri lehte, kui see on juba avatud.) Kas näete brauseri ülaosas, aadressiriba kohal, mida kirjutasite?

6
Looge jaotis. Kõik muu selles algaja dokumendis läheb põhiosasse, mis tegelikult kuvatakse veebilehel. Märgendi järele, kuid enne märgendit, kirjutage ja. Selle õpetuse ülejäänud osas jääb kõik, mida kirjutate, nende kehamärgendite vahele. Nüüd peaks teil olema dokument, mis näeb välja selline:

7
Lisage teksti erinevates stiilides. Nüüd on aeg kirjutada midagi, mida näete oma brauseris! Kõik, mida kirjutate kehamärgenditesse, kuvatakse teie brauseris pärast HTML-dokumendi salvestamist ja brauseri lehe värskendamist. Ärge siiski kirjutage midagi sümbolitega < või >, kuna teie brauser püüab tõlgendada seda tavalise teksti asemel HTML-juhisena. Proovige kirjutada Tere maailm! (või midagi muud, mis teile meeldib), seejärel lisage need uued sildid selle ümber ja vaadake, mis iga kord juhtub: Tere maailm! kuvatakse “rõhutatud tekstina:” Tere maailm!Tere maailm! kuvatakse “tugeva tekstina:” Tere maailm!Tere maailm! kuvatakse läbikriipsutusega: Tere maailm!^{Tere maailm!} kuvatakse kui ülaindeks: Tere maailm!_{Tere maailm!} kuvatakse alaindeksina: Tere maailm!Proovige nende kombinatsioone: Kuidas näeb välja Tere maailm! ?

8
Jagage tekst lõikudeks. Kui proovite HTML-dokumenti kirjutada mitu rida teksti, võite märgata, et reavahetused ei ilmu teie brauseris. Peate need enda sisse kodeerima:

See on eraldi lõik.

Sellele lausele järgneb reavahetus.
enne selle lause algust. See on esimene silt, mida näete, lõpusilti pole vaja! Neid nimetatakse “tühjadeks siltideks”.Looge jaotiste nimede kuvamiseks pealkirjad:

päise tekst

: suurim päis

päise tekst

(2. taseme päis)

päise tekst

(3. taseme päis)

päise tekst

(4. taseme päis)

päise tekst

(väikseim päis)

9
Õppige loendeid koostama. Veebilehele loendite kirjutamiseks on mitu erinevat viisi. Proovige järgmist tüüpi koodi ja vaadake, milline neist teile meeldib. Pange tähele, et üks märgendipaar liigub ümber kogu loendi (nt “järjestamata loendi” sildid

ja

), samas kui üksikuid loendi üksusi ümbritseb teine ​​​​märgendite paar, näiteks

ja

. Kasutage seda koodi täpploendite koostamiseks:

• üks üksus
• teine ​​üksus
• teine ​​üksus

või see kood nummerdatud loendite koostamiseks:

1. üksus 1
2. üksus 2
3. punkt 3

või see kood termineid määratleva loendi koostamiseks:

Kohv

– kuum jook

Leite

– külm jook

10
Kaunistage oma lehte reavahede, horisontaalsete joonte ja piltidega. Nüüd on aeg proovida oma lehele lisaks tekstile ka asju lisada. Proovige järgmisi silte või klõpsake lisateabe saamiseks linke. Peate kasutama veebipõhist pildimajutusteenust, et teil oleks URL, millele pildisildil linkida: Sisestage rida HTML-i:
või

---

Lisage pilte:

11
Link teistele lehe kohtadele. Saate seda koodi kasutada ka teistele lehtedele ja veebisaitidele linkimiseks, kuid praegu, kuna teil ei pruugi veel veebisaiti olla, keskendume “ankrutele” või lehe konkreetsetele kohtadele, millele saate linkida. looge sildiga ankur lehe sellesse kohta, millele soovite linkida. Nimetage see midagi kirjeldavat ja kergesti meeldejäävat.:See on tekst, mille ümber panite ankru.Kasutage nende ankrute või mõne muu veebilehe linkimiseks nuppu : =”veebilehe url või ankru nimi sellel lehel”>Kirjutage siia tekst või pilt, mis kuvatakse lingina.Muul veebilehel oleva ankru linkimiseks lisage märki # pärast URL, millele järgneb ankru nimi. Näiteks https://www.Selgitatud.com/Learn-HTML#Tips viitab selle lehe jaotisele Nõuanded.

12
Lisateave atribuutide kohta. Atribuudid paigutatakse sildi enda sisse, muutes algus- ja lõpumärgendi vahelises “elemendi sisus” täiendavaid muudatusi. Nad ei seisa kunagi üksi. Need on kirjutatud vormingus name=”value”, kus nimi on atribuudi nimi (näiteks “värv”) ja väärtus kirjeldab seda konkreetset eksemplari (nt “punane”). Olete varem atribuute näinud, kui järgisite HTML-i jaotises toodud õpetust. Märgendid kasutavad atribuuti src, ankrud atribuuti name ja lingid kasutavad atribuuti href. Kas näete, kuidas need kõik järgivad vormingut ___=”___”?

13
Katsetage HTML-tabelitega. Tabeli või diagrammi tegemiseks on vaja mitut erinevat silti. Mängige nende siltidega või tutvuge HTML-tabelitega üksikasjalikumalt.Alustage tabelimärgenditega kogu tabeli ümber:

Rea sildid iga rea ​​sisu ümber:

Esimese rea veeru päised: < th>Järgmiste ridade lahtrid:

Siin on näide selle kohta, kuidas see kõik kokku sobib:

< /tr>

1. veerg: kuu	2. veerg: säästetud raha
jaanuar	100 $

14
Õppige erinevaid peasilte. Olete juba õppinud märgendi, mis kuvatakse iga dokumendi alguses. Lisaks märgendile