HTML Tag Definition

Wat jo witte wolle oer HTML-tags

HTML is de taal fan it web. De websiden dy't jo sjogge op jo kompjûter of tillefoan, ynklusyf dit, binne skreaun yn 'e Hypertext Markup Language mei help fan wat bekend binne as "HTML tags". Jo kinne tinke oan HTML as it "under-the-hood code" dat de struktuer fan in webside kontrolearret.

Uteinlik, as jo in nije taal learje, begjinne jo mei ienfâldige útdrukken en bouwe dêrwei. Learje oer HTML is net oars. Jo begjinne troch it behearen fan gewoane HTML-tags. Dit is it lykweard fan learen "ienfâldige útdrukken" yn in sprutsen taal. Dizze wurden binne de bedrock dêr't jo jo kennis en spraak bouwe, krekt as HTML-tags binne de stichting dy't jo web-ûntwikkelingfeardigens opbouwe.

HTML Tagfoarm

Jo kinne in HTML-tagonklik werkenne omdat it omjûn is troch de tekens oan it begjin en ein fan 'e tag. Tusken dizze twa karakters soe oare tekst wêze, dy't befettet hokker soart HTML-tag skreaun wurdt. As jo ​​bygelyks witte dat "hr" betsjut horizontale regel (of line) jo dit foar it HTML-teken skriuwe:


Jo hawwe krekt in HTML-tag skreaun dy't in horizontale regel tekene op in webside.

De measte HTML-tags komme yn pairs. Se wurde oan it begjin pleatst en oan 'e ein fan in tekstdiel om de ynhâld te toanen dat se befetsje. Dizze tag-paar makket HTML-elemint s. As jo ​​leare dat en binne de iepenings- en sluten-tags om tekst te fetsjen, begjinne jo te begripen hoe't HTMLtags ynfloed hawwe op it ferskinen fan tekst op in webside.

Dizze sin sil ferskine yn alle fet, om't de tags binne.

Tink derom dat it sluten starke tag (dat stiet foar "sterke klam, en dy't standert as tekst fet is) it identieel mei it iepenjen fan fette tag, útsein dat it in slash is yn it markt. Dit is it formaat dat folge troch de measte HTML-tags. De iepenbiere tag-en slute-tags binne itselde, mei de tafoeging fan in slash yn it sluten dat de earste

HTML tag kombinaasjes

HTML-tags wurde faak brûkt yn kombinaasje. De iepenings- en slutingsteken foar tekoart (kursus) tekst binne en . It oanmeitsjen fan de kursussen tags nei in ien wurd yn it folsleine foarbyld fan 'e sin, feroarsake it wurd te sjen is beide fet en kursussen op' e webside.

Dizze sin sil ferskine yn alle fet, om't de tags binne.

Wannear't ferskate tags tagelyk brûkt wurde yn in elemint fan in webside, dan kinne guon tags yn binnen oaren ferskine, wurde se as nêst HTML-tags bepaald. Jo moatte oantinken dat in nebele tag, wêryn de tags yn 'e oaren binne, moat sluten wurde foardat har tagongsrjochten sletten wurde. Sjoch op dit foarbyld:

Dit is tekst dy't betocht is foar in spesifike reden.

Jo moatte bepale dat it tag yn 'e

iepene is, dat betsjut dat it sluten wêze moat foardat it tagelyk it sluten tag ferskynt. Tink derom fan nêst befette tags lykas fakjes binnen oare kopen. Ynterieurkasten moatte sletten wurde foardat har bûten, mei fekken binne.

HTML-tags en websteeën

Der binne tsientallen HTML tags yn jildich HTML. Guon HTML-tags diktearje tige mienskiplik, basis-eleminten lykas paragrafen, wylst oaren mear komplisearre binne en mear funksjoneel taheakje, lykas link of "anchor" tags. In list mei HTML-tags jout in snapshot fan 'e soad funksjes fan tags wêr kinne jo dwaan op in webside mei tags.

Der binne ek guon tags dy't nedich binne fan alle websides. As jo ​​jo earste side bouwe, sille jo de tag brûke, dy't in webside begjint; jout de browsers wat oan 'e boppesteande fan' e blêderpaniel te sjen, en <body>, wêr't alle webpagina-ynformaasje giet en it grutste diel fan jo side is. </p> <p> In list mei HTML-tags is net in soad help oant jo troch in HTML-ynstel trochgean, mar nei't jo dogge, kinne jo HTML-tags brûke om jo eigen webside op te bouwen. Ien nota, net oerweldige wurde troch it oantal mooglike tags. Wylst der hûnderten fan 'e mooglike kaartsjes brûke, is de realiteit fan dat jo wierskynlik allinich in hânfol fan harren brûke. Feitlik binne der guon HTML-tags dy't ik noch ienris yn myn desennia's web design wurke hawwe! </p> <h3> Ferwurke Tags </h3><p> <a href="https://fy.eyewated.com/html-5-referinsje-html-5-tags-alfabetysk/">HTML5</a> is de hjoeddeistige markearring standert. Guon fan 'e tags dy't brûkt wurde yn eardere ferzjes fan HTML binne no behannele troch stylblêden yn HTML5. De ôfrûne HTML tags binne fuortsmiten fan 'e HTML-spesifikaasjes. It is it bêste om gjin ferâldere tags te brûken. </p> <p> Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 5/2/17 </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://fy.eyewated.com/understeande-de-index-html-side-op-in-webside/"> <amp-img src="https://exse.eyewated.com/pict/7416364f19e333c0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/understeande-de-index-html-side-op-in-webside/">Understeande de Index.html Side op in webside</a></h3> <div class="amp-related-meta"> Webdesign & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/skriuwen-fan-html-koade-yn-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://fy.eyewated.com/skriuwen-fan-html-koade-yn-dreamweaver/">Skriuwen fan HTML-koade yn Dreamweaver</a></h3> <div class="amp-related-meta"> Webdesign & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/wat-is-de-id-attribut/">Wat is de ID-attribút?</a></h3> <div class="amp-related-meta"> Webdesign & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/learje-de-copyright-laws-omjouwingsuntwerpen-en-html-kreaasjes/"> <amp-img src="https://exse.eyewated.com/pict/1aae6339c2733a86-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/learje-de-copyright-laws-omjouwingsuntwerpen-en-html-kreaasjes/">Learje de Copyright Laws Omjouwingsûntwerpen en HTML-kreaasjes</a></h3> <div class="amp-related-meta"> Webdesign & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/hoe-bruk-ems-om-webside-lettergrutte-te-wizigjen-html/"> <amp-img src="https://exse.eyewated.com/pict/95875758e662301f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/hoe-bruk-ems-om-webside-lettergrutte-te-wizigjen-html/">Hoe brûk 'EMS' om webside lettergrutte te wizigjen (HTML)</a></h3> <div class="amp-related-meta"> Webdesign & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/nest-html-tags/"> <amp-img src="https://exse.eyewated.com/pict/367b942e8c6c34aa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/nest-html-tags/">Nêst HTML-tags</a></h3> <div class="amp-related-meta"> Webdesign & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/hoe-kin-jo-reaksjes-yn-jo-html-taheakje/">Hoe kin jo reaksjes yn jo HTML taheakje</a></h3> <div class="amp-related-meta"> Webdesign & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/nije-html5-attributen-fan-it-iframe-elemint/"> <amp-img src="https://exse.eyewated.com/pict/aec03ac5bab7342b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/nije-html5-attributen-fan-it-iframe-elemint/">Nije HTML5-attributen fan it IFRAME-elemint</a></h3> <div class="amp-related-meta"> Webdesign & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/html-editoren-en-web-side-bewurkers/">HTML-editoren en web-side-bewurkers</a></h3> <div class="amp-related-meta"> Webdesign & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://fy.eyewated.com/call-of-duty-world-by-war-map-pack-3/"> <amp-img src="https://exse.eyewated.com/pict/2852838d7433322e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/call-of-duty-world-by-war-map-pack-3/">Call of Duty World by War Map Pack 3</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/hoe-kinne-fotos-en-fideos-fanut-iphone-nei-in-kompjuter-ferpleatse/"> <amp-img src="https://exse.eyewated.com/pict/f65a04c6ac8e32d2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/hoe-kinne-fotos-en-fideos-fanut-iphone-nei-in-kompjuter-ferpleatse/">Hoe kinne foto's en fideo's fanút iPhone nei in kompjûter ferpleatse</a></h3> <div class="amp-related-meta"> IPhone & iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/kinect-buyers-guide/"> <amp-img src="https://exse.eyewated.com/pict/2574bbdaabd232a7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/kinect-buyers-guide/">Kinect Buyer's Guide</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/chromecast-tsjin-apple-tv-wat-is-it-best-streaming-device/"> <amp-img src="https://exse.eyewated.com/pict/a758f006285c370a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/chromecast-tsjin-apple-tv-wat-is-it-best-streaming-device/">Chromecast tsjin Apple TV: Wat is it Best Streaming Device?</a></h3> <div class="amp-related-meta"> Kaartsjes fan guod </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/starcraft-series-fan-real-time-strategy-games/"> <amp-img src="https://exse.eyewated.com/pict/0abdea8c74b03400-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/starcraft-series-fan-real-time-strategy-games/">StarCraft Series fan Real Time Strategy Games</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/windows-8-ferzjes-fan-klassike-microsoft-spultsjes/"> <amp-img src="https://exse.eyewated.com/pict/6fae9157c45b3094-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/windows-8-ferzjes-fan-klassike-microsoft-spultsjes/">Windows 8 ferzjes fan klassike Microsoft spultsjes</a></h3> <div class="amp-related-meta"> Software & Apps </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://fy.eyewated.com/google-chrome-temas-how-to-change-them/"> <amp-img src="https://exse.eyewated.com/pict/97e647f0670b3444-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/google-chrome-temas-how-to-change-them/">Google Chrome Temas: How To Change Them</a></h3> <div class="amp-related-meta"> Browsers </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/de-8-guys-dyt-jo-by-grindr-besykje-en-oare-geastlike-apps/"> <amp-img src="https://exse.eyewated.com/pict/8d3fcb51fb903046-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/de-8-guys-dyt-jo-by-grindr-besykje-en-oare-geastlike-apps/">De 8 guys dy't jo by Grindr besykje (en oare geastlike apps)</a></h3> <div class="amp-related-meta"> Email & Messaging </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/top-7-gratis-online-rss-lezers/"> <amp-img src="https://exse.eyewated.com/pict/d722c1bb7c953473-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/top-7-gratis-online-rss-lezers/">Top 7 Gratis Online RSS-lêzers</a></h3> <div class="amp-related-meta"> Sykje op it Web </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/hoe-kin-jo-eigen-webside-untwerpe/"> <amp-img src="https://exse.eyewated.com/pict/e38d465121c335ab-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/hoe-kin-jo-eigen-webside-untwerpe/">Hoe kin jo eigen webside ûntwerpe</a></h3> <div class="amp-related-meta"> Webdesign & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/wat-is-twitter-auto-folgje-en-hoe-wurket-it/">Wat is Twitter Auto-folgje en hoe wurket it?</a></h3> <div class="amp-related-meta"> Sosjale media </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/wat-is-wireless-home-theater/"> <amp-img src="https://exse.eyewated.com/pict/0e096f03fcdc39f0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/wat-is-wireless-home-theater/">Wat is Wireless Home Theater?</a></h3> <div class="amp-related-meta"> Thústheater </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/neipulse-tips-en-strategyen/"> <amp-img src="https://exse.eyewated.com/pict/7d98d4a700382f53-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/neipulse-tips-en-strategyen/">Neipulse tips en strategyen</a></h3> <div class="amp-related-meta"> Game Consoles </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/de-10-beste-wii-spultsjes-te-spyljen-mei-non-gamers/"> <amp-img src="https://exse.eyewated.com/pict/dc894bde0dc33799-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/de-10-beste-wii-spultsjes-te-spyljen-mei-non-gamers/">De 10 bêste Wii spultsjes te spyljen mei non-gamers</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/gopro-vs-dash-kamera/"> <amp-img src="https://exse.eyewated.com/pict/f81fce788ca63553-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/gopro-vs-dash-kamera/">GoPro Vs. Dash-kamera</a></h3> <div class="amp-related-meta"> Car Tech </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/ebay-101-in-primer-foar-ebay-basics/"> <amp-img src="https://exse.eyewated.com/pict/7dde3b9319043076-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/ebay-101-in-primer-foar-ebay-basics/">EBay 101: in primer foar eBay Basics</a></h3> <div class="amp-related-meta"> Internet & Network </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/wa-is-minecrafts-jeb/"> <amp-img src="https://exse.eyewated.com/pict/2cc03e8c430630ff-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/wa-is-minecrafts-jeb/">Wa is Minecraft's Jeb?</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/kohls-black-friday-ad-befettet-tvs/"> <amp-img src="https://exse.eyewated.com/pict/6984737effa83581-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/kohls-black-friday-ad-befettet-tvs/">Kohl's Black Friday Ad befettet tvs</a></h3> <div class="amp-related-meta"> Kaartsjes fan guod </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/de-6-best-routers-te-keap-yn-2018-foar-under-50/">De 6 Best Routers te keap yn 2018 foar Under $ 50</a></h3> <div class="amp-related-meta"> Internet & Network </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/harkje-nei-audiobooks-op-android/"> <amp-img src="https://exse.eyewated.com/pict/be1359340aca2fe6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/harkje-nei-audiobooks-op-android/">Harkje nei Audiobooks op Android</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://fy.eyewated.com/pokemon-x-y-mega-evoluearjen-ferklearring-en-oersicht/"> <amp-img src="https://exse.eyewated.com/pict/fc627b2679ec3420-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/pokemon-x-y-mega-evoluearjen-ferklearring-en-oersicht/">Pokemon X / Y Mega-evoluearjen ferklearring en oersicht</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://fy.eyewated.com/de-8-beste-xbox-one-fantasy-games-te-keap-yn-2018/">De 8 bêste Xbox One Fantasy Games te keap yn 2018</a></h3> <div class="amp-related-meta"> Gaming </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 fy.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.284 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:05:54 --> <!-- 0.001 -->