Kirjoita HTML: n peruskäsitteisiin

Se on helpompaa kuin voit ajatella

Hyvä CMS mahdollistaa artikkeleiden lähettämisen verkkosivustollesi. Mutta mitä sinä lähetät? Useita kappaleita tekstiä. Jos tekstiä ei ole muotoiltu oikein, ihastuttava artikkeli näyttää rikki verkkosivustollasi.

Hyvä uutinen: jos opit kirjoittamaan HTML: ään, artikkeli näyttää hyvältä. Muutamia peruskäsitteitä kirjoitat HTML: llä nopeasti.

HTML: selainkieli

"HTML" tarkoittaa "HyperText-merkintäkieltä". Pohjimmiltaan se on kieli tekstin merkitsemiseen , joten se voi tehdä hienoja asioita, kuten näyttää rohkealta tai linkittää johonkin muuhun sivustoon.

HTML on selaimen peruskieli. Käytämme Internetissä monia ohjelmointikielten (PHP, Perl, Ruby ja muut), mutta ne kaikki lopulta leviävät HTML: n. (No, tai JavaScript, mutta säilytä tämä yksinkertainen.)

Selaimesi vie HTML: n ja tekee siitä melkoisen verkkosivun.

Opi kirjoittamaan HTML-muotoon, ja tiedät tarkalleen, mitä sanot selaimelle.

HTML merkitsee tavallista tekstiä

HTML on merkintäkieli , joten useimmat "HTML" ovat pelkkää tekstiä. Esimerkiksi tämä on täysin hyvä HTML:

Hei. Olen HTML. Jännittävä. Jep. Hämmästyttävä.

Mutta odota, sanot. Se ei näytä tietokoneen kieltä! Näyttää siltä kuin englanti!

Joo. Nyt tiedät suuren salaisuuden. HTML (kun sitä käytetään oikein) on luettavissa oleva teksti.

Opi Word-prosessorin kokemuksesta

Tietenkin haluamme enemmän kuin pelkkää tekstiä. Haluamme sanoa kursivoinnin .

Tiedät jo, miten kursivoitu teksti on tekstinkäsittelyohjelmassa (kuten Microsoft Word tai ilmainen LibreOffice). Painat pikku I -painiketta.

Kaikki, mitä kirjoitat sitten on kursiivilla. Voit kirjoittaa sivuille. Kuinka lopetat tämän festivaalin? Paina I- painiketta uudelleen. Nyt fonttisi on jälleen normaali.

Jos palaat kursiivisten sanojen keskelle ja lisätään tekstiä, se myös kursiivilla. Lähtöpisteen välillä on jonkinlainen kursivoitu vyöhyke , jossa kursivoitu teksti "päälle" ja päättymispiste, jossa käännät ne pois.

Valitettavasti nämä päätepisteet ovat näkymättömiä.

Näkymätön päätepiste voi aiheuttaa paljon kipua. On liian helppo kääntää kursiivi pois, sitten tehdä väärin kohdistimen avulla ja löytää edelleen kursiivilla. Yrität sammuttaa ne uudelleen, mutta jotenkin muutit jälleen , joten niiden sammuttaminen heikentää niitä todella ... se on sotku.

HTML-käyttötarkoitukset & # 34; Tagit & # 34;

HTML käyttää myös päätepisteitä. Ero on se, että HTML-muodossa näet nämä päätepisteet. Kirjoita heidät sisään. Heitä kutsutaan tunnisteiksi .

Sanotaan, että haluat kuolla tätä aikaisempaa esimerkkiä. Haluat kursivoida sanaa "Jännittävä." Kirjoita Jännittävä . Kuten tämä:

Hei. Olen HTML. Jännittäviä . Jep. Hämmästyttävä.

Sinä tallennat sen tekstieditorissa ja kopioit ja liitä HTML sisällönhallintajärjestelmän "uusi artikkeli" -ruutuun. Kun selain näyttää sivun, se näyttäisi näin:

Hei. Olen HTML. Jännittävää . Jep. Hämmästyttävä.

Toisin kuin tekstinkäsittelyohjelma, et näe kursivointia kirjoittaessasi niitä. Kirjoita tunnisteet. Selain lukee tunnisteet, tekee niistä näkymätöntä ja seuraa niiden ohjeita.

Se voi olla ärsyttävää nähdä kaikki nämä tunnisteet, mutta oikea tekstieditori tekee tästä paljon helpompaa.

Avaus ja sulkeminen tunnisteita

Katso uudelleen ja tunnisteita. kääntyy kursiivilla, aivan kuten ensimmäinen painallus I- painikkeesta. poistaa kursivoinnin, kuten toisen klikkauksen.

Sen sijaan, että napsautat painiketta, kirjoitat pieniä tunnisteita. Avaustunniste kurssin alkuun, sulkeva tag, joka pysäyttää ne.

Huomaa erot tunnisteiden välillä. Sulkeutumalla on /, viiste. Kaikkien HTML-koodien sulkemistunnisteilla on kyseinen viiva.

Älä unohda sulkumerkkiä

Sulkevat tunnisteet ovat melko tärkeitä. Mitä jos unohdat sulkemisen , kuten tämä?

Hei. Olen HTML. jännittävä. Jep. Hämmästyttävä.

On kuin unohdit napsauttaa I-näppäintä uudelleen kursiivisen kurssin poistamiseksi. Saat tämän:

Hei. Olen HTML. Jännittävä. Jep. Hämmästyttävä.

Yhden puuttuvan tunnisteen voi kääntää koko artikkelin tai jopa lopun sivun kursiiviksi.

Tämä on todennäköisesti sekä helpoin että huolimaton aloitusvirhe, jonka voit tehdä. Mutta se on helppo korjata. Avaa vain sulkeutuva merkki.

Nyt oppia joitakin tunnisteita

Onnea! Ymmärrät perus-HTML!

Tavallinen teksti, jossa on avaus- ja sulkemerkit. Se on melko paljon.

Mene nyt oppimaan joitain perus-HTML-tunnisteita. (Saatat haluta saada kunnollisen tekstieditorin ensin.)