Það sem þú þarft að vita um HTML Tags
HTML er tungumál á vefnum. Vefsíðurnar sem þú skoðar á tölvunni þinni eða símanum, þar á meðal þetta, eru skrifaðar í Hypertext Markup Language með því að nota það sem kallast "HTML tags". Þú getur hugsað um HTML sem "undir-hetta kóða" sem stjórnar uppbyggingu vefsíðu.
Að lokum, þegar þú lærir eitthvað nýtt tungumál byrjar þú með einföldum setningar og byggir þaðan. Að læra um HTML er ekkert öðruvísi. Þú munt byrja með því að læra algengar HTML tags. Þetta er sambærilegt við að læra "einfaldar setningar" á talað tungumáli. Þessi orðasambönd verða grundvöllurinn sem þú byggir á þekkingu þinni og ræðu, eins og HTML tags eru grunnurinn sem þú verður að byggja upp vefur þroska færni þína á.
HTML Tag Format
Þú getur viðurkennt HTML-merkið vegna þess að það er umkringt stafunum í upphafi og enda merkisins. Milli þessara tveggja stafa væri önnur texti sem skilgreinir hvers konar HTML tagi er skrifaður. Til dæmis, ef þú veist að "hr" þýðir lárétt regla (eða lína) þá myndirðu skrifa þetta fyrir HTML merkið:
Þú hefur bara skrifað HTML-merki sem teiknar lárétta reglu á vefsíðu.
Flest HTML tags koma í pörum. Þau eru sett í upphafi og í lok hluta textans til að fyrirmæli innihaldsins sem þau innihalda. Þessar merkjapar búa til HTML frumefni s. Þegar þú lærir það og eru opnunar- og lokunarmerkin til að gera texta djörf, þú byrjar að skilja hvernig HTML-merki hafa áhrif á útliti texta á vefsíðu.
Þessi setning mun birtast í öllum feitletruðu merkjunum.
Athugaðu að lokað sterk merki (sem stendur fyrir "sterk áhersla og sem sjálfgefið gerir texta feitletrað) er eins og opið feitletrað merki nema að það innihaldi skástrik í merkinu. Þetta er sniðið sem fylgir flestum HTML tags. Opnunarmerkið og lokunarmerkin eru þau sömu með því að bæta við rista í lokuninni sem fylgir fyrsta
HTML Tag Samsetningar
HTML tags eru oft notuð í samsetningu. Opnun og lokunarmerki fyrir áherslu (skáletrað) texta eru og . Ef þú bætir skáletraðunum við eitt orð í öllum djörfri setningu sem veldur því að orðið birtist er bæði feitletrað og skáletrað á vefsíðunni.
Þessi setning mun birtast í öllum feitletruðu merkjunum.
Þegar nokkrar tög eru notuð saman í frumefni vefsíðunnar, með nokkrum merkingum sem birtast innan annarra, er þeim nefnt sem hreiður HTML-merkingar. Þú verður að muna að hreiður merkið, sem merkin eru inni í öðrum, verður að vera lokað áður en hægt er að loka merkimiða þeirra. Horfðu á þetta dæmi:
Þetta er texti sem er áherslu af sérstökum ástæðum.
Þú ættir að taka eftir því að merkið sé opnað innan , sem þýðir að það verður lokað áður en lokunarmerkið birtist. Hugsaðu um hreiður merkingar eins og kassa inni í öðrum kassa. Innri kassar verða að vera lokaðir fyrir utan þeirra, sem innihalda kassa.
HTML merkingar og vefsíður
Það eru heilmikið af HTML tags í gilt HTML. Sumir HTML tags ræða mjög algeng, grundvallarþættir eins og málsgreinar, á meðan aðrir eru flóknari og bæta við fleiri eiginleikum, eins og hlekkur eða "akkeri" merki. Listi yfir HTML tags gefur mynd af mörgum aðgerðum sem hægt er að nota á vefsíðum með merkjum.
Það eru einnig nokkur merki sem þarf á öllum vefsíðum. Þegar þú býrð til fyrstu síðu þína notarðu merkið sem byrjar vefsíðu;
sem segir vafranum hvað á að birta efst í vafraglugganum og <body>, þar sem allar upplýsingar um vefsíðuna fara og er stærsti hluti síðunnar. </p>
<p> Listi yfir HTML tags er ekki mjög hjálp fyrr en þú hefur farið í gegnum HTML kennslu en eftir það getur þú notað HTML tags til að búa til eigin vefsíðu. Ein athugasemd, ekki vera óvart með fjölda mögulegra HTML tags. Þó að það séu hundruðir mögulegra merkja sem hægt er að nota þá er raunin sú að þú ert líklegri til að nota aðeins handfylli af þeim aftur og aftur. Reyndar eru nokkrar HTML tags sem ég hef aldrei notað einu sinni í áratugi af hönnun vefhönnunar! </p>
<h3> Ógilt merki </h3><p> <a href="https://is.eyewated.com/html-5-tilvisun-html-5-tags-stafrof/">HTML5</a> er núverandi markastaðalinn. Sumar merkjanna sem voru notuð í fyrri útgáfum af HTML eru nú meðhöndluð með stílblöð í HTML5. Útilokaðir HTML tags eru fjarlægðar úr HTML forskriftirnar. Það er best að nota ekki úreltar merkingar. </p>
<p> Upprunaleg grein af Jennifer Krynin. Breytt af Jeremy Girard á 5/2/17 </p>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://is.eyewated.com/meta-charset-merkid-i-html5/">
<amp-img src="https://exse.eyewated.com/pict/25d45722387b300c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/meta-charset-merkid-i-html5/">Meta Charset Merkið í HTML5</a></h3>
<div class="amp-related-meta">
Vefhönnun og dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/alhlida-listi-yfir-html-koda-fyrir-tyrkneska-tungumalatakn/">
<amp-img src="https://exse.eyewated.com/pict/c2d45c92534f347a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/alhlida-listi-yfir-html-koda-fyrir-tyrkneska-tungumalatakn/">Alhliða listi yfir HTML kóða fyrir tyrkneska tungumálatákn</a></h3>
<div class="amp-related-meta">
Vefhönnun og dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/hvernig-a-ad-baeta-vid-eiginleiki-i-html-tagi/">
<amp-img src="https://exse.eyewated.com/pict/d4682442f4973814-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/hvernig-a-ad-baeta-vid-eiginleiki-i-html-tagi/">Hvernig á að bæta við eiginleiki í HTML-tagi</a></h3>
<div class="amp-related-meta">
Vefhönnun og dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/ritun-html-koda-i-dreamweaver/">
<amp-img src="https://exse.eyewated.com/pict/c28f4e88a9aa328f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/ritun-html-koda-i-dreamweaver/">Ritun HTML kóða í Dreamweaver</a></h3>
<div class="amp-related-meta">
Vefhönnun og dev </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/hvernig-a-ad-innihalda-html-i-moergum-skjoelum-med-thvi-ad-nota-javascript/">Hvernig á að innihalda HTML í mörgum skjölum með því að nota JavaScript</a></h3>
<div class="amp-related-meta">
Vefhönnun og dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/athugasemdir-vid-athugasemdir/">
<amp-img src="https://exse.eyewated.com/pict/fbec9317d5d73059-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/athugasemdir-vid-athugasemdir/">Athugasemdir við athugasemdir</a></h3>
<div class="amp-related-meta">
Vefhönnun og dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/ritun-html-med-macintosh-textedit/">
<amp-img src="https://exse.eyewated.com/pict/fbd3e2632d2f3693-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/ritun-html-med-macintosh-textedit/">Ritun HTML með Macintosh TextEdit</a></h3>
<div class="amp-related-meta">
Vefhönnun og dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/a-beginners-guide-til-html5-placeholder-links/">
<amp-img src="https://exse.eyewated.com/pict/b713940639aa456e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/a-beginners-guide-til-html5-placeholder-links/">A Beginner's Guide til HTML5 Placeholder Links</a></h3>
<div class="amp-related-meta">
Vefhönnun og dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/sambandid-milli-sgml-html-og-xml/">
<amp-img src="https://exse.eyewated.com/pict/7a7d935e524b3387-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/sambandid-milli-sgml-html-og-xml/">Sambandið milli SGML, HTML og XML</a></h3>
<div class="amp-related-meta">
Vefhönnun og dev </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<a href="https://is.eyewated.com/kostir-og-gallar-af-cryptocurrency-decentralized-exchanges/">
<amp-img src="https://exse.eyewated.com/pict/8b42a1ca557d358d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/kostir-og-gallar-af-cryptocurrency-decentralized-exchanges/">Kostir og gallar af Cryptocurrency Decentralized Exchanges</a></h3>
<div class="amp-related-meta">
Nýtt og næst </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/hvad-er-themepack-skra/">
<amp-img src="https://exse.eyewated.com/pict/6f92f7b142623300-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/hvad-er-themepack-skra/">Hvað er Themepack-skrá?</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/topp-10-best-original-xbox-games/">
<amp-img src="https://exse.eyewated.com/pict/8e5beb80367b3060-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/topp-10-best-original-xbox-games/">Topp 10 Best Original Xbox Games</a></h3>
<div class="amp-related-meta">
Gaming </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/hvernig-a-ad-uppfaera-garmin-kort-af-oellum-gerdum/">
<amp-img src="https://exse.eyewated.com/pict/1a811ec434f62f75-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/hvernig-a-ad-uppfaera-garmin-kort-af-oellum-gerdum/">Hvernig á að uppfæra Garmin kort af öllum gerðum</a></h3>
<div class="amp-related-meta">
Nýtt og næst </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/grindahalfleidari-sameinar-supermhl-med-usb-3-1-tegund-c/">
<amp-img src="https://exse.eyewated.com/pict/05f35ee17e2042cb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/grindahalfleidari-sameinar-supermhl-med-usb-3-1-tegund-c/">Grindahálfleiðari sameinar SuperMHL með USB 3.1 Tegund-C</a></h3>
<div class="amp-related-meta">
Vara Rifja upp </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/er-hybrid-cloud-besta-computing-lausnin/">
<amp-img src="https://exse.eyewated.com/pict/dc5999c6c06e2f6a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/er-hybrid-cloud-besta-computing-lausnin/">Er Hybrid Cloud besta computing lausnin?</a></h3>
<div class="amp-related-meta">
Vefur og leit </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://is.eyewated.com/hvernig-til-fjarlaegja-sjalfgefid-browser-styling-med-master-stylesheet/">
<amp-img src="https://exse.eyewated.com/pict/c0630a146cad33bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/hvernig-til-fjarlaegja-sjalfgefid-browser-styling-med-master-stylesheet/">Hvernig til Fjarlægja Sjálfgefið Browser Styling Með Master Stylesheet</a></h3>
<div class="amp-related-meta">
Vefhönnun og dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/the-ipad-mini-vs-galaxy-tab-3/">
<amp-img src="https://exse.eyewated.com/pict/c290b1b7c5ec349f-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/the-ipad-mini-vs-galaxy-tab-3/">The iPad Mini vs Galaxy Tab 3</a></h3>
<div class="amp-related-meta">
Kaupleiðbeiningar </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/thad-sem-thu-tharft-ad-vita-um-torrents-a-beginners-guide/">
<amp-img src="https://exse.eyewated.com/pict/2480318be0bd31f8-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/thad-sem-thu-tharft-ad-vita-um-torrents-a-beginners-guide/">Það sem þú þarft að vita um Torrents: A Beginner's Guide</a></h3>
<div class="amp-related-meta">
Vefur og leit </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/arduino-rfid-verkefni/">
<amp-img src="https://exse.eyewated.com/pict/ae212981b61033b6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/arduino-rfid-verkefni/">Arduino RFID verkefni</a></h3>
<div class="amp-related-meta">
Nýtt og næst </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/ratchet-og-clank-up-your-arsenal-svindlari-og-codes-fyrir-ps2/">Ratchet og Clank Up Your Arsenal Svindlari og Codes fyrir PS2</a></h3>
<div class="amp-related-meta">
Gaming </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/hvernig-a-ad-fa-post-radad-eftir-reikningi-i-outlook/">
<amp-img src="https://exse.eyewated.com/pict/67659920e69d3021-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/hvernig-a-ad-fa-post-radad-eftir-reikningi-i-outlook/">Hvernig á að fá póst raðað eftir reikningi í Outlook</a></h3>
<div class="amp-related-meta">
Tölvupóstur og skilaboð </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/hvernig-a-ad-koma-i-veg-fyrir-vafra-raena/">
<amp-img src="https://exse.eyewated.com/pict/8b3beff3f3773127-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/hvernig-a-ad-koma-i-veg-fyrir-vafra-raena/">Hvernig á að koma í veg fyrir vafra ræna</a></h3>
<div class="amp-related-meta">
Vefur og leit </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/slither-io-abendingar-og-adferdir/">
<amp-img src="https://exse.eyewated.com/pict/b8c89643bda32fe0-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/slither-io-abendingar-og-adferdir/">Slither.io Ábendingar og aðferðir</a></h3>
<div class="amp-related-meta">
Leikjatölvur </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/5-essential-music-app-visbending-fyrir-apple-tv/">
<amp-img src="https://exse.eyewated.com/pict/49d06f5b7cab3488-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/5-essential-music-app-visbending-fyrir-apple-tv/">5 Essential Music App Vísbending fyrir Apple TV</a></h3>
<div class="amp-related-meta">
Hugbúnaður og forrit </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/yeigo-okeypis-voip-fyrir-farsima/">
<amp-img src="https://exse.eyewated.com/pict/bb83a25f6b99426d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/yeigo-okeypis-voip-fyrir-farsima/">Yeigo - Ókeypis VoIP fyrir farsíma</a></h3>
<div class="amp-related-meta">
Tölvupóstur og skilaboð </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/airplay-hvernig-virkar-thad-og-hvada-taeki-geta-notad-thad/">
<amp-img src="https://exse.eyewated.com/pict/3d71f443e453345a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/airplay-hvernig-virkar-thad-og-hvada-taeki-geta-notad-thad/">AirPlay: Hvernig virkar það og hvaða tæki geta notað það?</a></h3>
<div class="amp-related-meta">
Vefur og leit </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/vudu-3d-movie-streaming-thad-sem-thu-tharft-ad-vita/">
<amp-img src="https://exse.eyewated.com/pict/6f44caec50f92f45-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/vudu-3d-movie-streaming-thad-sem-thu-tharft-ad-vita/">VUDU 3D Movie Streaming - Það sem þú þarft að vita</a></h3>
<div class="amp-related-meta">
Vara Rifja upp </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/hvada-raunverulegur-adstodarmadur-er-og-hvernig-thad-virkar/">
<amp-img src="https://exse.eyewated.com/pict/7f9d3feb06243560-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/hvada-raunverulegur-adstodarmadur-er-og-hvernig-thad-virkar/">Hvaða raunverulegur aðstoðarmaður er og hvernig það virkar</a></h3>
<div class="amp-related-meta">
</div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/badoo-fyrir-farsima/">
<amp-img src="https://exse.eyewated.com/pict/c7411aedb0a72fd8-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/badoo-fyrir-farsima/">Badoo fyrir farsíma</a></h3>
<div class="amp-related-meta">
Hugbúnaður og forrit </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/hvernig-a-ad-setja-upp-ipod/">
<amp-img src="https://exse.eyewated.com/pict/4d45f2a4a3df347b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/hvernig-a-ad-setja-upp-ipod/">Hvernig á að setja upp iPod</a></h3>
<div class="amp-related-meta">
IPhone og iPod </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://is.eyewated.com/bua-til-forrit-fyrir-mismunandi-farsimakerfi/">
<amp-img src="https://exse.eyewated.com/pict/f14a8459cf9c3b7d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://is.eyewated.com/bua-til-forrit-fyrir-mismunandi-farsimakerfi/">Búa til forrit fyrir mismunandi farsímakerfi</a></h3>
<div class="amp-related-meta">
Vefur og leit </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 is.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.177 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:38:38 -->
<!-- 0.002 -->