Mida peate teadma HTML-i sildist
HTML on veebi keel. Veebilehed, mida näete oma arvutis või telefonis, kaasa arvatud see, on kirjutatud hüperteksti märgistuskeeles, kasutades neid, mida nimetatakse "HTML-märgenditeks". HTML-i võite mõelda kui "all-the-hood-koodi", mis kontrollib veebisaidi struktuuri.
Lõppkokkuvõttes, kui õppite mõnda uut keelt, siis alustad lihtsatest fraasidest ja ehitad sealt. HTML-i tundmaõppimine ei ole erinev. Alustad ühise HTML-i märgendite omandamisega. See on samaväärne lihtsate lausete õppimisega suulises keeles. Need laused muutuvad aluspõhjaks, millele teete oma teadmisi ja kõnesid, nagu ka HTML-märgendid on sihtasutus, millega te oma veebiarenduse alaseid oskusi teete.
HTML-vormingu kood
Te saate tunnistada HTML-i märgendit, kuna seda ümbritsevad silte alguses ja lõpus märgid . Nende kahe tähemärgi vahel oleks teine tekst, mis määratleb, millist HTML-i märgendit kirjutatakse. Näiteks kui teate, et "hr" tähendab horisontaalset reeglit (või rea), kirjutad see HTML-i märgendiks:
Olete just kirjutanud HTML-i märgendi, mis näitab veebilehe horisontaalset reeglit.
Enamik HTML-i märgendeid on paaris. Need asetatakse tekstiosa lõpus ja lõpus, et dikteerida sisu, mida need sisaldavad. Need siltide paar moodustavad HTML-elemendi s. Kui õpid seda ja on avause ja sulgemissildid, mis muudavad teksti paksuks, hakkate aru saama, kuidas HTML-märgendid mõjutavad veebilehe teksti välimust.
See lause kuvatakse siltide tõttu kõik julge olekus.
Pange tähele, et sulgemisjärgne tugi (mis tähistab "tugevat rõhku ja mis vaikimisi muudab teksti rasvaseks) on identne lahti julge märgiga, välja arvatud see, et silt sisaldab kaldkriipsu. See on formaat, millele järgneb enamus HTML-märgendid. Ava-sildid ja sulgemärgendid on samad, lisades kaldkriipsu, mis järgneb esimesele
HTML-koodide kombinatsioonid
HTML-märgendeid kasutatakse sageli kombinatsioonis. Kõigi rõhutatud (kaldkirja) teksti avamis- ja sulgemärgendid on ja . Kõigi julge lause näidete ühele sõna kaldkirjasignaalide lisamine viib sõna ilmumiseni nii paksu kui ka trükisega veebileheküljele.
See lause kuvatakse siltide tõttu kõik julge olekus.
Kui mõnda veebisaidi elementi kasutatakse koos mõne siltidega, kus mõned märgendid ilmuvad teistele, nimetatakse neid lingitud HTML-märgenditeks. Peate meeles pidama, et varjatud märgend, mis on teistes märgistes, peab olema suletud, enne kui nende sildid on suletud. Vaadake seda näidet:
Tegemist on tekstiga, mis on teatud põhjusel rõhutatud .
Peaksite märkima, et silt avatakse sees, mis tähendab, et see peab olema suletud, enne kui sulgeb silt. Mõelge pandud märgenditest nagu muudes kastides olevad kastid. Siseruumikarbid tuleb enne nende välimist suletud, kusjuures kastid on.
HTML-märgendid ja veebisaidid
Kehtivas HTML-s on kümneid HTML-märgendeid. Mõned HTML-i märgid määravad väga levinud põhielemendid nagu lõiked, teised on keerukamad ja lisavad rohkem funktsioone, nagu lingid või ankurmärgised. HTML-koodide loend annab ülevaate paljudest funktsioonidest, mida sildid veebisaidil võivad sildid kasutada.
Samuti on olemas mõned sildid, mida on vaja kõigilt veebilehtedelt. Kui loote oma esimese lehe, kasutab tag, mis algab veebilehe;
, mis ütleb brauseri jaoks, mida kuvatakse brauseri paneeli ülaosas, ja <body>, kus kogu veebi lehe teave läheb ja on teie lehe suurim osa. </p>
<p> HTML-i märgendite loendit pole palju abi enne, kui olete läbinud HTML-juhendi, kuid pärast seda võite oma veebisaidi loomiseks kasutada HTML-i silte. Üks märkus, ära võta võimalike HTML-koodide hulk. Kuigi on olemas sadu võimalikke sildid, on reaalsuseks see, et tõenäoliselt kasutate neid vaid mõnda neist ikka ja jälle. Tegelikult on mõned HTML-i märgendid, mida ma kunagi oma kunagi kümnenditel kunagi veebinimekirja töös kasutanud pole! </p>
<h3> Keeldunud sildid </h3><p> <a href="https://et.eyewated.com/html-5-viide-html-5-sildid-taehestikulises-jaerjekorras/">HTML5</a> on praegune markup-standard. Mõningaid HTML-i varasemates versioonides kasutatud silte käsitletakse HTML5-i stiililaiendites. Vananenud HTML-märgendid on HTML-spetsifikatsioonidest eemaldatud. Parim on mitte kasutada vananenud silte. </p>
<p> Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard 2.7.17 </p>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://et.eyewated.com/html-table-elemendi-atribuutide-kasutamine/">
<amp-img src="https://exse.eyewated.com/pict/bc751870b8843c81-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/html-table-elemendi-atribuutide-kasutamine/">HTML TABLE elemendi atribuutide kasutamine</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/lisateave-duenaamilise-html-i-dhtml-kohta/">
<amp-img src="https://exse.eyewated.com/pict/2e6355ad942f34bb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/lisateave-duenaamilise-html-i-dhtml-kohta/">Lisateave dünaamilise HTML-i (DHTML) kohta</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/html-maergendi-maeaeratlus/">
<amp-img src="https://exse.eyewated.com/pict/8d74079c1c6b33e9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/html-maergendi-maeaeratlus/">HTML märgendi määratlus</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/html-kerimiskaart/">
<amp-img src="https://exse.eyewated.com/pict/f47bdac8d880303c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/html-kerimiskaart/">HTML kerimiskaart</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/opi-integreeritud-html-koode-vene-kirillitsa-taehemaerkide-jaoks/">
<amp-img src="https://exse.eyewated.com/pict/34d67c22a08530c1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/opi-integreeritud-html-koode-vene-kirillitsa-taehemaerkide-jaoks/">Õpi integreeritud HTML-koode vene (kirillitsa) tähemärkide jaoks</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/mis-on-html-maergend-versiooni-html-elemendina/">
<amp-img src="https://exse.eyewated.com/pict/8d74079c1c6b33e9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/mis-on-html-maergend-versiooni-html-elemendina/">Mis on HTML-märgend versiooni HTML-elemendina?</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/mis-on-id-atribuut/">Mis on ID-atribuut?</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/html-keelekoodid/">
<amp-img src="https://exse.eyewated.com/pict/72aa1f41a5ad30be-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/html-keelekoodid/">HTML keelekoodid</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kuidas-lisada-veel-ueks-html-fail/">
<amp-img src="https://exse.eyewated.com/pict/feac56ca5ec02e95-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kuidas-lisada-veel-ueks-html-fail/">Kuidas lisada veel üks HTML-fail</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kuidas-kustutada-bloggeri-blogspoti-blogi/">
<amp-img src="https://exse.eyewated.com/pict/5aff8180864d318f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kuidas-kustutada-bloggeri-blogspoti-blogi/">Kuidas kustutada Bloggeri Blogspoti blogi</a></h3>
<div class="amp-related-meta">
Veebiotsing </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/uue-hd-veebikaamera-ostmine-vaadake-logitechi-hd-pro-c920-d/">
<amp-img src="https://exse.eyewated.com/pict/4c944d87bfb433bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/uue-hd-veebikaamera-ostmine-vaadake-logitechi-hd-pro-c920-d/">Uue HD-veebikaamera ostmine? Vaadake Logitechi HD Pro C920-d</a></h3>
<div class="amp-related-meta">
Juhendite ostmine </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/parimad-cyberlockers/">
<amp-img src="https://exse.eyewated.com/pict/b675984e0ba43334-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/parimad-cyberlockers/">Parimad Cyberlockers</a></h3>
<div class="amp-related-meta">
Internet ja võrk </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/pohilised-ipadi-torkeotsingu-nouanded/">
<amp-img src="https://exse.eyewated.com/pict/6c1fb5ba515e37f8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/pohilised-ipadi-torkeotsingu-nouanded/">Põhilised iPadi tõrkeotsingu nõuanded</a></h3>
<div class="amp-related-meta">
IPad </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/androidi-parimad-konsoolid-ja-pc-maengud/">
<amp-img src="https://exse.eyewated.com/pict/450534386a112ff6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/androidi-parimad-konsoolid-ja-pc-maengud/">Androidi parimad konsoolid ja PC mängud</a></h3>
<div class="amp-related-meta">
Mängimine </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/e-posti-ajakava-2-7-outlooki-lisandmoodul/">E-posti ajakava 2.7 - Outlooki lisandmoodul</a></h3>
<div class="amp-related-meta">
E-post ja sõnumside </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kuidas-firefoxi-windowsi-ja-iphonei-vahel-suenkroonida/">
<amp-img src="https://exse.eyewated.com/pict/fc9c4ac3ad3d38b8-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kuidas-firefoxi-windowsi-ja-iphonei-vahel-suenkroonida/">Kuidas Firefoxi Windowsi ja iPhone'i vahel sünkroonida</a></h3>
<div class="amp-related-meta">
Brauserid </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/naepunaeiteid-virtuaalse-reaalsuse-ruumi-loomiseks/">
<amp-img src="https://exse.eyewated.com/pict/b4ded32f5ebf3613-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/naepunaeiteid-virtuaalse-reaalsuse-ruumi-loomiseks/">Näpunäiteid virtuaalse reaalsuse ruumi loomiseks</a></h3>
<div class="amp-related-meta">
Uus & Järgmine </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kruepteerimine-101-kruepteeringu-moistmine/">
<amp-img src="https://exse.eyewated.com/pict/c197a7913b5733dd-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kruepteerimine-101-kruepteeringu-moistmine/">Krüpteerimine 101: krüpteeringu mõistmine</a></h3>
<div class="amp-related-meta">
Veebiotsing </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/minecraft-mobs-explained-kuelaelanikud/">
<amp-img src="https://exse.eyewated.com/pict/38fb104c73e22ff0-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/minecraft-mobs-explained-kuelaelanikud/">Minecraft Mobs Explained: Külaelanikud</a></h3>
<div class="amp-related-meta">
Mängimine </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/iphone-muusikamaengijad-mis-helikvaliteeti-suurendavad/">
<amp-img src="https://exse.eyewated.com/pict/18a2ed5b153e3195-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/iphone-muusikamaengijad-mis-helikvaliteeti-suurendavad/">IPhone-muusikamängijad, mis helikvaliteeti suurendavad</a></h3>
<div class="amp-related-meta">
IPhone ja iPod </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/10-parimat-iphonei-vaeljaandmist-2018-aastal/">10 parimat iPhone'i väljaandmist 2018. aastal</a></h3>
<div class="amp-related-meta">
Juhendite ostmine </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/eesmaerk-otsimine-exceli-abil/">
<amp-img src="https://exse.eyewated.com/pict/73957f2aa50a3718-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/eesmaerk-otsimine-exceli-abil/">Eesmärk otsimine Exceli abil</a></h3>
<div class="amp-related-meta">
Tarkvara </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/mis-vaerv-on-fuksia/">
<amp-img src="https://exse.eyewated.com/pict/723256b3781033ee-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/mis-vaerv-on-fuksia/">Mis värv on Fuksia?</a></h3>
<div class="amp-related-meta">
Tarkvara </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kuidas-importida-vaervipaletit-inkscapeisse/">
<amp-img src="https://exse.eyewated.com/pict/c7c6fb9488fc3546-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kuidas-importida-vaervipaletit-inkscapeisse/">Kuidas importida värvipaletit Inkscape'isse</a></h3>
<div class="amp-related-meta">
Tarkvara </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/7-parimat-bluetoothi-%E2%80%8B%E2%80%8Bbeanies-osta-2018/">7 parimat Bluetoothi Beanies osta 2018</a></h3>
<div class="amp-related-meta">
Juhendite ostmine </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/10-asja-mis-nueued-on-taenu-pokemon-goile/">
<amp-img src="https://exse.eyewated.com/pict/2d1331ff92fa34f5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/10-asja-mis-nueued-on-taenu-pokemon-goile/">10 asja, mis nüüd on tänu Pokemon Go'ile</a></h3>
<div class="amp-related-meta">
Tarkvara ja rakendused </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/ipad-i-rakenduse-joustamine-lopetamine-voi-sulgemine/">
<amp-img src="https://exse.eyewated.com/pict/87aa4848baf130bc-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/ipad-i-rakenduse-joustamine-lopetamine-voi-sulgemine/">IPad-i rakenduse jõustamine-lõpetamine või sulgemine</a></h3>
<div class="amp-related-meta">
IPad </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/saneboxi-e-posti-sorteerimise-ja-triaaziteenuste-uelevaade/">
<amp-img src="https://exse.eyewated.com/pict/486381a57d013218-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/saneboxi-e-posti-sorteerimise-ja-triaaziteenuste-uelevaade/">SaneBoxi e-posti sorteerimise ja triaažiteenuste ülevaade</a></h3>
<div class="amp-related-meta">
E-post ja sõnumside </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/lugege-kuidas-programmis-microsoft-outlooki-meilida/">
<amp-img src="https://exse.eyewated.com/pict/47246c70e5ca3fab-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/lugege-kuidas-programmis-microsoft-outlooki-meilida/">Lugege, kuidas programmis Microsoft Outlooki meilida</a></h3>
<div class="amp-related-meta">
E-post ja sõnumside </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kuidas-maeaerata-x3daudio1_6-dll-ei-leitud-voi-puuduvad-vead/">
<amp-img src="https://exse.eyewated.com/pict/b8ab1b191e8437dc-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kuidas-maeaerata-x3daudio1_6-dll-ei-leitud-voi-puuduvad-vead/">Kuidas määrata X3daudio1_6.dll ei leitud või puuduvad vead</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kuidas-kontrollida-oma-gmaili-kontot-kiirklahviga/">
<amp-img src="https://exse.eyewated.com/pict/3195c8b0b5a24304-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kuidas-kontrollida-oma-gmaili-kontot-kiirklahviga/">Kuidas kontrollida oma Gmaili kontot kiirklahviga</a></h3>
<div class="amp-related-meta">
E-post ja sõnumside </div>
</div>
</div>
</div></article>
<footer class="amp-wp-footer">
<div class="amp-wp-footer-inner">
<a href="#" class="back-to-top">Back to top</a>
<p class="copyright">
© 2024 et.eyewated.com </p>
<div class="amp-wp-social-footer">
<a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a>
</div>
</div>
</footer>
<div id="statcounter">
<amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.239 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:55:51 -->
<!-- 0.002 -->