Kun puhumme HTML-koodista, varmasti monet teistä ajattelevat kieltä, jota käytetään strukturoimaan tietoja, jotka meille annetaan, kun siirrymme selaimeen tai verkkosivulle. Mutta tämä ei pääty tähän, ymmärtääksemme paremmin, mitä HTML on ja mihin se on tarkoitettu, meidän on syvennettävä aihetta.
Tämä koodi, josta aiomme puhua, on verkkokehityksen perusta. Joka kerta kun selaat eri sivuja, HTML on enemmän kuin läsnä niillä kaikilla, olipa kyseessä sitten muotisivu tai henkilökohtainen blogi. Jos olet kiinnostunut oppimaan lisää tästä aiheesta, nappaa kynä ja paperi, niin aloitamme.
Mikä on HTML-koodi ja mihin sitä käytetään?
Kuten olemme ilmoittaneet tämän julkaisun alussa, HTML on kieli, jolla voimme määritellä verkkosivumme sisällön. Espanjan kielessä lyhenne vastaa Hypertext Markup Language -kielen määritelmää. Eli sarja tunnisteita, joita selaimemme pystyy tulkitsemaan ja joiden avulla voimme määritellä tekstimme ja muun tyyppiset näkökohdat, jotka tulevat olemaan osa verkkosivua, kuvia, grafiikkaa jne.
Tämä kieli, jota puhumme Sen tehtävänä on kuvata sivun noudattamaa rakennetta ja auttaa meitä myös järjestämään tapaa, jolla ne näytetään.. Kaiken tämän lisäksi HTML mahdollistaa erilaisten uudelleenohjattujen linkkien lisäämisen muun tyyppisille sivuille tai jopa asiakirjoille.
Se ei ole ohjelmointikieli, koska se ei täytä tiettyjä aritmeettisia toimintoja. Joten voimme huomauttaa, että sen päätehtävä on pystyä luomaan staattisia verkkosivuja. Se on erittäin hyödyllinen, koska yhdistämällä sen toisen tyyppiseen ohjelmointikieleen saat dynaamisimmat sivut, kuten monet niistä, joilla käymme päivittäin.
Hieman HTML-historiaa
graffica.info
Tämä kieli syntyi vuonna 1980, kun Tim Berners-Lee, tiedemies, esitti ajatuksen uudesta hypertekstijärjestelmästä.. Se perustui tarpeeseen voida jakaa asiakirjoja ja tiedostoja. Tässä HTML:stä puhuvassa julkaisussa on kuvattu yhteensä 22 tunnistetta, jotka opettavat alun ja yksinkertaisen suunnittelun siitä, mikä tämä kieli oli.
Tällä hetkellä useita näistä vuosia sitten mainituista merkinnöistä säilytetään edelleen, verrattuna muihin, jotka on jätetty sivuun ja joita on lisätty ajan myötä. Voimme huomauttaa, että sen historian aikana on ollut erilaisia versioita HTML:stä.
Muistakaamme, että tämän tyyppistä kieltä voidaan käsitellä vain selaimen kautta kuten ne, joita tällä hetkellä käytämme tällä verkkosivustolla mainitun julkaisun lukemiseen.
Tarratyypit
Yksi edellisessä osiossa mainitsemistamme asioista on se, että HTML-kieli koostuu erilaisista tunnisteista. Nämä tarrat niille, jotka eivät tiedä, ne ovat eräänlaisia hakasulkeilla suojattuja tekstinpätkiä, joiden tarkoituksena on kirjoittaa mainittu koodi.
nämä etiketit, Ne on yleensä rajattu sillä, mitä tiedämme suluissa kärjessä <>, eli;. Näitä käytetään kuvaamaan, mitä haluat näkyvän verkossa ulkonäön suhteen.
HTML:ssä jahuomaamme, että on määritelty suuri valikoima erilaisia tunnisteita. Sen käyttötarkoituksesta riippuen näemme joitain niistä alla.
- avausmerkki: ovat ne, joita käytetään sivujen alussa. Se kertoo meille, missä tietty elementti alkaa tai päättyy. Elementin nimen on oltava supistettujen sulkeiden välissä.
- sulkevat tunnisteet: sama kuin edellisessä tapauksessa, mutta ne osoittavat elementin lopun. Ne eroavat pääasiassa kirjoitustavasta, koska näkyviin tulee vinoviiva.
- otsikkotunnisteet: Ne osoittavat, että seuraavaksi sijoittuva on sivumme otsikko.
- kehon etiketit: tässä tapauksessa puhumme tageista, jotka osoittavat tekstin rungon osan, eli seuraavat tekstilohkot.
- otsikkotunniste: kuten sen nimi paljastaa, se on etiketti, joka osoittaa sivumme otsikon tai otsikon.
- tekstitystunniste: tässä tapauksessa puhumme tason 2 tekstityksistä.
- kappaleen tunniste: niitä käytetään tekstimme näyttämiseen rivillä ryhmiteltynä.
- Alaosan etiketti: Osoittaa tekstin alareunaan. Se voidaan tunnistaa johtopäätöksestä tai sivun viimeisestä osasta, jossa yhteystiedot tai sosiaaliset verkostot näkyvät.
- Yläosan etiketti: viittaamme sivun tekstin tai otsikon yläosaan.
- lihavoitu etiketti: kuten me kaikki tiedämme, he ovat vastuussa jonkin tekstimme sisällä olevan elementin korostamisesta.
- kursiiviset etiketit: samanlainen kuin edellinen tapaus, mutta tässä näkyy kursiivilla merkitty.
- kuvatunniste: on se, jota käytämme, kun haluamme lisätä kuvan sivullemme.
- linkkitunnisteet: jos haluamme lisätä linkkejä mihin tahansa verkkosivustollemme, meidän on lisättävä tämä tunniste.
Nämä ovat joitain tärkeimmistä HTML-kielessä käytetyistä tunnisteista. Jokaisen avaamamme tagin kohdalla meidän on muistettava, että se on suljettava, muuten emme ole sisällyttäneet kyseistä tunnistetta oikein. Kun teet sen oikein, saadaan hyvin jäsennelty HTML-kieli. Huonosti kirjoitettu koodi voi aiheuttaa virheitä sivun luomisessa. Lisäksi selain ei tunnista sitä ja meille näytetään tyhjä näyttö tai sivu näytetään suoraan sellaisenaan.
Nyt kun tiedät mitä HTML on, mihin se on tarkoitettu ja joitain sen perustunnisteita, ymmärrät tämän kielen perusrakenteen, josta puhumme. Kun tiedät tämän, kehotamme sinua käyttämään nimeämiämme eri tunnisteita ja lisäämään uusia oppimaasi rakentamiseen ja harjoittamiseen.