Mikä on HTML? Mitä se tekee? Ja mihin sitä käytetään? (Videon selitys)

HTML: n ymmärtäminen avaa verkon. Kun tiedät, mikä se on ja miten se toimii, näet pian, kuinka suurimman osan koko Internet-toiminnasta – ja mikä tärkeintä: sekä perussivujen luomisen että niiden muokkaamisen perusteet. Lisäksi, vaikka HTML on aluksi pelottava, HTML on todellakin erittäin helppo oppia kieli! Valmiina selvittämään kaikki HTML: stä?


Katsotaanpa…

Mikä on HTML ja mitä se tekee ?:

– (huomautus: videohyvitykset Topher DeRosialle – HeroPressin luojalle

Videon transkriptio:

Hei! Tämä on Topher WinningWP: n kanssa. Tässä videossa vastaamme kysymyksiin: Mikä on HTML? Mitä se tekee ja mihin sitä käytetään? Aion aloittaa kertomalla sinulle mitä se tarkoittaa ja sitten näytän sinulle mitä se tekee ja mihin sitä käytetään. HTML tarkoittaa hypertekstin merkintäkieltä, ja hyperteksti viittaa siihen, että HTML tekee siitä niin, että voit napsauttaa verkkosivujen linkkejä. Se on hyperteksti. Sanojen merkintäkieli tarkoittaa vain sitä, että käytät merkitsemään tavanomaista englantia asioiden osoittamiseen. Lemme näyttää sinulle, mitä tarkoitan: Tämä on normaali verkkosivu. Se on WordPressissä, ja koko sivu käyttää HTML: ää kertomaan selaimelle, mitä tämän tekstin kanssa pitää tehdä. Osa siitä on tärkeämpää kuin toiset, osa siitä on taulukoissa, osa on kuvia ja millä tahansa verkkosivulla, millä tahansa selaimella, voit napsauttaa hiiren kakkospainikkeella ja tarkastella sivulähdettä ja nähdä kaiken kyseisen HTML: n. Onneksi sinun ei tarvitse tietää kaikkea tätä HTML: tä. Aion näyttää sinulle, mitä sinun on tiedettävä WordPressin yhteydessä. Tämä on sama viesti, mutta järjestelmänvalvojan alueella, ja jos olet tottunut WordPressiin, tämän pitäisi näyttää tutulta. Tämä on normaali sisältöalue. Tämän tyyppistä editoria kutsutaan wysiwygiksi, koska se tarkoittaa mitä näet on mitä saat. Tämä sana on ensin hieman tummempi kuin kaikki muut, koska korostin sen ja napsautin lihavoitua painiketta, joten nyt se näyttää lihavoitulta. Tämä sana, tilastot, on oikeastaan ​​otsikko, koko kolme, ja monimuotoisuus on myös otsikko, koko neljä, mutta tämä normaali teksti on vain kohta. Nyt siisti asia tämän editorin suhteen on, että täällä oikeassa yläkulmassa on painike, joka sanoo tekstiä. Ja nyt tarkastelemme samoja tietoja, mutta voimme nähdä raa’an HTML: n. Tässä on sana ensin. Muistatko kuinka korostin sen ja tein siitä rohkean? Mitä tapahtui, se on kääritty eräisiin HTML-tunnisteisiin, joita kutsutaan vahvoiksi. HTML: ssä on yleensä kaksi tunnistetta: avaaminen ja sulkeminen, ja sulkeminen on erilainen, koska siinä on tämä pieni viiva. Joten jotain todella tärkeätä tietää HTML: stä on se, että se kuvaa merkitsemäänsä tekstiä. En todellakaan halua tämän olevan rohkea. Haluan sen olevan vahva. Näyttölukijassa ei ole väliä onko se lihavoitu vai ei, mutta vahva tagi antaa lukijalle sanoa sen ylimääräisesti. Omat otsikot, kolme ja neljä, osoittavat täällä hierarkian tälle tekstille. Se voi olla hyödyllinen lukijoille, mutta Googlelle on todella hyödyllistä ymmärtää, mitä tekstin kanssa tapahtuu, ja se on hyödyllinen myös näytönlukijoille. Tärkeää on huomata, että kaikki selaimet eivät tarjoa HTML: ää samalla tavalla. Jo täällä Chromen selaimessa, otsikon koko on neljä ja se näyttää samalta kuin kappaleteksti. Mutta jos palaamme takaisin varsinaiseen viestiin, huomaat, että se on paljon suurempi kuin kappaleteksti. Tärkeää on myös muistaa, että kaikki selaimet eivät näytä asioita samalla tavalla. Joten et voi luottaa HTML-koodiin tehdäksesi siitä suuremman ja rohkeamman. Käytät vain HTML: ää kuvaamaan sitä otsikkokoon kolme ja sitten selain huolehtii siitä, mitä tehdä sen kanssa. Joissakin tapauksissa se tekee siitä suuremman ja rohkean, mutta toisissa tapauksissa ei. Tässä viestissä meillä on taulukko täällä, ja jos siirrymme tekstitilaan, voit nähdä, että se on täällä: taulukko, taulukon runko, taulukkorivi, jne. Ja pöydän alla on kuva. Ja html-muodossa kuva näyttää tältä: se alkaa merkillä img, sitten on luokka, josta puhumme toisessa videossa, ja sitten on lähdetagi, joka kertoo kuvan sijainnin Internetissä. Meillä on alt-tunniste näytönlukijoille ja leveys- ja korkeustunniste, jotta selain tietää etukäteen, kuinka suuri tämä kuva tulee olemaan. Sinun ei todennäköisesti tarvitse käyttää tätä tekstivälilehteä kovin usein, mutta oppimalla vähän siitä, miten HTML toimii, voit säästää paljon aikaa tulevaisuudessa. Kun wysiwyg-editori ei toimi niin kuin pitäisi, voit napsauttaa tekstivälilehteä ja nähdä mitä tapahtuu. Ehkä todella haluat, että tämä kaksoispiste on vahvojen tunnisteiden sisällä, mutta hiiri ei halunnut korostaa sitä oikein. Mutta siellä olet, nyt se on sisällä. Nyt voimme päivittää, ja tulemme ulos täältä, enkä ole vielä ladannut uudelleen, joten kaksoispiste on edelleen vahvan ulkopuolella, mutta jos lataan nyt uudelleen, huomaat, että se vain hiukan rohkeampi. Katsotaanpa sitten toistamme opittua: HTML tarkoittaa hypertekstin merkintäkieltä, ja se tarkoittaa, että kyseessä on kieli, jonka tarkoituksena on merkitä normaali englanti hypertekstiin, ja alun perin hyperteksti tarkoitti yksinkertaisesti sitä, että voit napsauttaa sitä, mutta nyt se tarkoittaa kaikenlaista asioista, kuten otsikoiden, taulukoiden ja kuvien julistaminen. HTML kuvaa tekstin tarkoitusta. Sitten selaimessa on tiedossa, mitä tehdä kyseiselle tekstille. Jos haluat lisätietoja WordPressistä, tutustu WinningWP.com-sivustoon.

Näytä lisää videoita …

Mitään lisättävää?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me