HTML: n oppiminen, osa 1: Tekstieditorin valitseminen HTML-asiakirjojen luomiseen

HTML-koodin kirjoittamiseen tarvitaan tekstiEditori. Tätä tekstieditoria ei käytetä vain HTML: ssä, mutta myös muissa ohjelmointikielissä, kuten CSS, PHP, Pascal ja niin edelleen. Oikeastaan pelkkä Windowsin oletusmuistio -sovelluksen käyttö on enemmän kuin tarpeeksi. Kun olin lukiossa, käytin Notepadilla usein web-ohjelmointitehtäviä, erityisesti HTML- ja CSS-ohjelmia.

Suosittelen tässä HTML-oppimisoppaassa Notepad ++: n käyttöä. Notepad ++ on tekstieditori, joka tukee monia ohjelmointikieliä, mukaan lukien HTML. Ei vain helppokäyttöinen, Notepad ++ on myös erittäin kevyt, joten se ei rasita tietokoneesi suorituskykyä.

Aloita HTML-asiakirjojen luominen

Lataa ensin ohjelmisto täällä, Asenna sitten tavalliseen tapaan. Tee sen jälkeen joitain alla olevia asetuksia, jotta HTML: stä tulee oletuskieli. Joten joka kerta kun haluamme luoda uuden asiakirjan, meidän ei enää tarvitse asettaa sitä oletuskieliHänen.

1. Kirjoita asetukset > Asetukset.

2. Valitse sen jälkeen Uusi asiakirja, päälle Oletuskieli, valitse HTML, Valitse sitten lähellä jos niin.

3. Luo uusi asiakirja napsauttamalla paperikuvaketta nuolen osoittamalla tavalla.

4. Kokeile sen jälkeen alla oleva HTML-koodi:

<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>

5. Se näyttää Muistio ++ -ikkunassa seuraavasti:

6. Tallenna sen jälkeen asiakirja valitsemalla tiedosto > Tallenna.

7. Varastoi haluamaasi paikkaan. Tallennan esimerkiksi asiakirjan kansioon Opi HTML nimen mukaan Dokumen1.

8. Kaksoisnapsauta sen jälkeen aiemmin tallennettua asiakirjaa. Kun olet käynyt selaimessa, tulokset ovat seuraavat:

Yksi pidän Notepad ++: n ominaisuuksista,tämän ominaisuuden olemassaolo (en tiedä mikä ominaisuuden nimi on). Esimerkiksi, kun kirjoitamme "<h ..", sen alla näkyy useita tunnisteita, jotka alkavat etuliitteellä "<h ..". Tämän ominaisuuden avulla on helpompi muistaa HTML-tunnisteet.

HTML-koodin kirjoittaminen

Katso alla oleva toinen HTML-koodin kirjoitus ja löydä ero:

Ensimmäinen artikkeli

<!DOCTYPE html>
<html><head><title>Dokumen HTML</title></head>
<body>Ini merupakan dokumen HTML pertamaku</body></html>

Toinen artikkeli

<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>

Jos huomaat, toinen artikkeli on paljon enemmänsiisti ja miellyttävä silmälle. Kaksi HTML-koodia suoritettaessa tulos on kuitenkin sama. Tämä johtuu siitä, että HTML-tunnisteet jättävät välilyönnit huomiotta.

Tunnisteiden kirjoittaminen HTML-muodossa ei myöskään ole isot ja pienet kirjaimet mikä tarkoittaa, että se ei erota kirjoittamista isoilla tai pienillä kirjaimilla, esimerkiksi <p> ja <P> ovat samat. Mutta silti on erittäin suositeltavaa käyttää vain pieniä kirjaimia.

Okei, olet suorittanut asiakirjan onnistuneestiEnsimmäinen HTML. Seuraavaksi sinun on tiedettävä, mitkä tunnisteet, määritteet ja elementit ovat HTML-muodossa, koska nämä kolme termiä ovat tärkeässä roolissa HTML-asiakirjojen luomisessa.

Lue lisää: