HTML tarkoittaa 'hypertext markup language'. Se on kieli, jota selaimet lukevat, kun sinulle esitetään verkkosivusto, kun teet haun Internetissä. Ohjelmoijat ja sivuston kehittäjät käyttävät nykyään monia muita kieliä, mutta HTML:ää pidetään edelleen web-suunnittelun standardina. Sivuston peruselementit sisältyvät kaikki HTML-kieleen. Vaikka käytettäisiin online-suunnittelumalleja, on silti tärkeää tuntea HTML-peruskieli, mukaan lukien välilyöntien lisääminen HTML-koodiin.
Käytä nbsp-merkkejä välilyönnillä.
HTML, toisin kuin MS Word -asiakirja, ei tunnista ylimääräistä välilyöntiä, joka kirjoitetaan yksinkertaisesti välilyönnillä. Sen sijaan sinun on käytettävä HTML:n kieltä ja symboleja saadaksesi haluamasi tuloksen. Jos haluat lisätä välilyönnin HTML-koodiisi, kirjoita ' ' sen kohdan jälkeen, johon haluat lisävälin. Sitten se tunnistaa sen tilaksi, jonka haluat asiakirjasi kyseiseen sijaintiin. Muista, että sinun ei pitäisi käyttää tätä tekniikkaa liian monta kertaa peräkkäin, koska se voi hämmentää selaimia.
virusowy / Getty Images
Lisää useita välilyöntejä tällä tekniikalla.
Jos sinun on lisättävä sanan jälkeen enemmän kuin yksi välilyönti, voit käyttää '&ensp'-näppäintä kahdelle välilyönnille. Kirjoita neljälle välille &emsp. Voit käyttää sarkainvalintaa ja painaa sitten merkkejä neljä kertaa peräkkäin lisätäksesi pidemmän välilyönnin sanojen perään. Mikä tahansa näistä strategioista lisää tyhjää tilaa valittujen sanojen jälkeen HTML-dokumentissasi.
scanrail / Getty Images
Sisennä kappaleet peräkkäisten tyylisivujen avulla.
CSS (Cascading style sheets) on HTML-pohjainen protokolla, jonka avulla voit lisätä HTML:ää vähemmän muodollisesti. CSS-menetelmiä käyttämällä sinun ei tarvitse käyttää pitkää HTML-muotoa, mikä säästää aikaa. CSS:n muoto eroaa tavallisesta HTML:stä, mutta se sisältää HTML:n. Voit käyttää CSS-muotoa sisennykseen ja luoda siten tarvitsemasi välilyönnit HTML-koodiisi. Yksi rivi, jolla voit lisätä tämän, on p. sisennys {padding-left: 1.8 em} Muista, että tämä koodi on sijoitettava HTML-koodisi tagien väliin.
uuden vuoden erikoistarjoukset
NicoElNino / Getty Images
Käytä tätä tunnistetta rivinvaihtojen luomiseen.
Kun olet oppinut luomaan välilyöntejä riveillesi, haluat oppia luomaan välilyöntejä rivin loppuun rivinvaihtoa varten. Jos haluat luoda rivinvaihdon rivin loppuun, kirjoita '
' kohtaan, johon haluat lisätä tauon. Tämä saa kohdistimen hyppäämään riviä alaspäin. Rivinvaihtojen luominen on hyvä idea missä tahansa asiakirjassa tai verkko-HTML-koodissa. Jos et käytä tätä tekniikkaa, tuloksena on liian monta riviä yhdessä, mikä voi heikentää luettavuutta. Tämä on erityisen tärkeää verkkoblogeissa tai verkkosivustoissa, joissa haluat ihmisten nauttivan sisältösi lukemisesta.
Abscent84 / Getty Images
Tämän merkkitunnisteen avulla voit määrittää uuden kappaleen.
Joskus on tarpeen luoda uusi kappale HTML-dokumenttiin. Kuten rivinvaihto, tämä auttaa luomaan tekstiisi uuden osan ja puhdistaa työsi ulkoasun. Tämä tekee siitä luettavamman ja helpommin navigoitavan.
Jos sinun on luotava uusi kappale, kirjoita
merkkiä kohtaan, johon haluat sijoittaa sisennyksen. Tämän pitäisi auttaa dokumentin ulkoasua luodessasi sisältöä.
exdez / Getty Images
Käytä esimuotoiltua tekstiä välilyöntien lukemiseen.
Jos haluat pystyä lukemaan enter-näppäimellä luomasi välilyönnit, voit tehdä sen lisäämällä yksinkertaisen HTML-tunnisteen esimuotoillun tekstialueen eteen ja jälkeen. Kirjoita vain sanat, jotka haluat muotoilla tunnisteiden väliin seuraavasti: |_+_| Kun teet tämän, kaikki Enter-näppäimellä lisäämäsi välilyönnit näytetään tällä tekniikalla.
welcomia / Getty Images
Tarkista kaksi kertaa välttääksesi 'huolimaton HTML'.
Yksi ongelmista, joita ohjelmoijat kohtaavat luodessaan HTML:ää, on se, että he eivät tiedä, mitä tunnisteita missäkin käytetään. Tämä voi johtaa huolimattomaan HTML-koodiin ja voi aiheuttaa tuhoa sivulla. Pelkästään kaikkien HTML-koodien ja -tunnisteiden tarkistaminen ennen sen lähettämistä tai julkaisemista voi välttää nämä ongelmat. Tarkista HTML-koodisi sarkaimet, välilyönnit, oikea kielioppi, välimerkit ja muut kohteet. Noudata myös HTML:n sääntöjä koskien tagien järjestystä, alkaen HTML-tunnisteesta, 'head'-tunnisteesta ja muista.
mrPliskin / Getty Images
Tasaa tekstisi verkkosivulla.
HTML:n peruselementit ovat tärkeitä luotaessa sivua HTML-koodauskielellä. Yksi peruselementeistä on sivun kohdistaminen oikeisiin marginaaleihin ja muotoihin. Voit käyttää 'tasaus vasemmalle', 'tasaus keskelle' tai 'tasaus oikealle' -toimintoja, jos olet grafiikkaeditorissa. Jos ei, sinun on sisällytettävä seuraavat tagit tekstin tasaamiseksi HTML-koodauksella:
Tasaa vasemmalle
Yllä olevat tagit luovat asiakirjan, joka tasataan vasemmalle HTML-koodauskielellä.
Savushkin / Getty Images
Esikatsele HTML-koodiasi ennen julkaisua.
Eräs virhe, jonka jotkut HTML-koodaajat tekevät, on se, että he eivät esikatsele tai tarkista HTML-koodiaan ennen julkaisua tai lähettämistä. Tämä voi johtaa virheisiin, jotka heikentävät käyttökokemusta. Parantaaksesi tätä, kokeile aina koodaustasi HTML-esikatseluohjelmassa tai julkaise se paikassa, jossa vain sinä näet sen ensin. Tämä välttää koodausvirheet, jotka aiheuttavat virheellistä tai huolimatonta HTML:ää. elokuvassa Sota pelit , keskushenkilö Matthew Broderick, joka vihdoin keksi salasanan päästäkseen tietokoneeseen, sanoo: 'Se ei voi olla niin yksinkertaista.' Totuus on, että se on usein niin yksinkertaista, ja yksinkertaiset virheet, kuten tunnisteen tai merkin jättäminen pois, aiheuttavat suurimman osan ongelmista HTML-koodauksessa.
SolStock / Getty Images
Opi HTML5.
Toinen vinkki, jonka jätämme sinulle, on se, että sinun tulee lisätä se luetteloosi oppiaksesi HTML5:tä. Se sisältää monia elementtejä tavallisesta HTML-kielestä sekä nykyaikaisempia ohjelmoinnin näkökohtia, joita käytetään sovellusten kehityksessä ja muissa sovelluksissa. Jos opit HTML5:n, arsenaalissasi on enemmän temppuja, joita voit käyttää koodattaessa verkkosivustoja, blogeja tai muita online-sovelluksia ja -ohjelmia.
relif / Getty Images