5 vaihetta perus HTML: n ymmärtämiseen

5 vaihetta perus HTML: n ymmärtämiseen

5 vaihetta perus HTML: n ymmärtämiseen

Kuten tiedämme, HTML on olennainen osa verkkoa. Harva web-suunnittelija kirjoittaa sivuja kirjoittamalla HTML-tiedostoa manuaalisesti, mutta se on silti kätevä tietää vähän.

Tarkastellaan kielen perusteita, mukaan lukien todelliset HTML-käsitteet, peruskäsitteet ja miten ne ovat vuorovaikutuksessa muiden kielten kanssa. Ajattele sitä Dummies HTML -kaatumiskurssina.

HTML-perusteet: Mikä on HTML?

HTML on kieli ja näyttö on  hypertekstin . Joskus se ei ole tarkka käytettäessä ohjelmointikieltä.

A ja sallia HTML : n näyttämisen vain  kielellä Voit luoda sivun näyttöasettelun. Oikeat  ohjelmointikielet, kuten Java tai C ++, sisältävät suoritetun logiikan ja ohjeet.

Yksinkertainen, mutta HTML on jokaisen verkkosivun keskipiste. Tee tekstistä lihavoitu ja lisää kuvia ja linkkejä muille sivuille.

Voit napsauttaa hiiren kakkospainikkeella selaimen useimpia verkkosivuja ja valita   HTML- lähteen, joka on samanlainen kuin Näytä sivulähde tai Näytä HTML . Se voi sisältää paljon ei-HTML-koodia, mutta voit muuttaa sitä.

Vaihe 1: Ymmärrä etiketin käsite

HTML on tag järjestelmää  voidaan käyttää  luokitella eri dokumentin elementit.

Useimmat tunnisteet on koottu käärittämään asiaan liittyvä teksti yhteen. Tässä on yksinkertainen esimerkki (   tunnisteet tekevät tekstistä  lihavoidun; selitän myöhemmin).<strong>

<strong>This is some bold text</strong>.

Huomaa, kuinka eteenpäinviiva (/) leikkaa tunnisteen. Tämä tarkoittaa tärkeää tunnistetta. Ellet sulje tunnistetta, kaikilla on tämä ominaisuus alusta alkaen.

Mutta kaikissa tunnisteissa ei ole yhtä paria. Joillakin HTML- elementeillä, joita kutsutaan  tyhjiksi elementeiksi , ei ole sisältöä ja ne ovat olemassa itsenäisesti. Esimerkiksi, on   merkki, joka näyttää rivinvaihdon. Voit “sulkea” nämä tunnisteet lisäämällä esimerkiksi eturivin,  mutta tätä ei tarvita.<br><br />

Vaihe 2: HTML: n luurankoasettelu

Jotta HTML-dokumentti voidaan näyttää oikein, se on merkittävä. Pääosat ovat seuraavat:

  • Kaikkien HTML-asiakirjojen on alkava   sellaisella ilmoituksella <!DOCTYPE html>. Joten tagin sulkeminen on  HTML-tiedoston viimeinen osa.</html>
  • Tämä  osio sisältää tietoja, kuten sivun otsikon, sivulla suoritetut eri skriptit jne. Kuten nimestä voi päätellä, se on yleensä heti  alkuperäisen  merkki . Loppukäyttäjät eivät näe paljon sisältöä tässä tunnisteessa.<head><html>
  • Lopuksi  tunniste sisältää sivun tekstin, jonka lukija näkee (sisältää). Tämä sisältää kuvia, linkkejä ja paljon muuta.<body>

Tämä  osa on HTML-asiakirjan ydinosa, joten loput oppaasta käsittelevät tähän  osaan liittyviä elementtejä .<body>

Vaihe 3: HTML-muodon perusasetukset

Katsotaan sitten tyypillistä tunnistetta, joka luo HTML-asiakirjan. Kaikkia elementtejä ei tietenkään voida kattaa, joten katsotaanpa tärkeimpiä.  Jos et ole tyytyväinen , te voi nähdä  paljon HTML esimerkkejä .

Jos tämä tunniste näyttää erittäin yksinkertaiselta, muista, että HTML luotiin vuonna 1993.

Yksinkertainen tekstimuoto

HTML tukee Microsoft Wordista löytyviä oletustekstityylejä.

  • <strong> Luo lihavoitu teksti  .
  • <em> Etiketti (tarkoittaa “huomio”) on kalteva  teksti, joka sisältää  tahdon.

HTML tukee  myös  lihavoitua   kursivointia . Mutta on parasta käyttää yllä olevaa.<b><i>

Lyhyesti sanottuna   ,  viimeisimmät tunnisteet osoittavat, kuinka saada selville kun taas viimeisimmät tunnisteet vain kertovat sinulle, mitä etsit. Näkövammaisten käyttämillä näytönlukijoilla on helpompi käyttää vanhempia tunnisteita.<strong><em>

Kohdat ja muut yksiköt

HTML   käyttää tunnisteita määrittääkseen, mitkä asiakirjan osat voivat olla . Yleensä pariliitos CSS: n kanssa (katso alla) osioiden muotoiluun tietyllä tavalla.<div>

 Tunnisteet voivat jakaa tekstin kappaleiksi. Selain täyttää automaattisesti välilyönnit ennen ja jälkeen, jotta voit jakaa tekstin luonnollisesti.<p>

Voit lisätä otsikot asiakirjan  markkereita apua  . H1 on tärkein otsikko ja H6 on vähiten tärkeä. Lähes jokainen MakeUseOf-artikkeli käyttää H2- ja H3-otsikoita tietojen järjestämiseen.<h1><h6>

 Kun painan  Enter lisätäksesi rivinvaihdon HTML-dokumenttiin, sitä ei todellakaan näytetä. Tai käytä  lisää loput rivi, voit  .<br>

Tässä on esimerkki kaikesta tästä:

<div class="example">
<h2>Example Heading</h2>
<p>This is one paragraph.</p>
<p>This is a second<br>paragraph split between two lines.</p>
</div>

Vaihe 4: Lataa kuva

Kuvat ovat olennainen osa useimpia verkkosivuja. Voit käyttää HTML: ää myös muiden ominaisuuksien lisäämiseen ja määrittämiseen helposti.

Lisää kuva   tunnisteella . Vuonna   toiminto siihen sisältyi kyky määritellä missä ladata kuvan.<img>src

 Markkerit ovat toinen tärkeä ominaisuus  on  . Vaihtoehtoista tekstiä voidaan käyttää kuvaamaan kuvaa näytönlukijassa tai jos kuvaa ei ole ladattu oikein. Vie hiiri kuvan päälle nähdäksesi vaihtoehtoisen tekstin.<img>alt

widthKäytä   ja   elementtejä heightmäärittää, kuinka monta kuvapistettä kuva näkyy.

Vaihe 5: Lisää linkki

World Wide Web ei ole verkko, jolla ei ole linkkejä muille sivustoille.  Voit käyttää  tageja linkittääksesi kunkin tekstin eri sivuille.<a>

Attribuutti, joka on  kytketty on   tunniste on  näkyvissä . Jos liitän URL-osoitteen, se toimii hyvin.  Elementtejä käytetään lisätä hieman tekstiä, joka näkyy, kun pukeutuvat hiiri linkin , voit  .<a>hreftitle

Kuinka HTML liittyy CSS: ään ja JavaScriptiin

Näit kuinka luoda HTML-perus- ja verkkosivuja. Kuten tiedät, HTML ei tällä hetkellä ratkaise HTML: ää verkossa. Yksinkertaiset HTML-verkkosivut ovat yleisiä verkossa 1,0 päivää, jolloin suurin osa verkkosivustoista on vain staattista tekstiä.

Mutta nyt meillä on enemmän. CSS (CSS)  on kieli, jota käytetään kuvaamaan HTML-muodossa laaditun tekstin ulkoasua. Muista että   tag sanoit ? Voit asettaa (ja muut tunnisteet)  attribuutteja vuonna häneen  . Voit kirjoittaa tämän  ilme on  liitteenä CSS asiakirja .<div>classclass

Leave a Reply

Your email address will not be published. Required fields are marked *