Apa Sampeyan Perlu Ngerti About Tags HTML
HTML minangka basa saka Web. Kaca web sing ditampilake ing komputer utawa telpon, kalebu siji iki, ditulis ing Hypertext Markup Language nggunakake sing diarani tag "HTML". Sampeyan bisa nyinaoni HTML minangka "kodhe ing ngisor" sing ngontrol struktur kaca web.
Wekasan, nalika sampeyan sinau basa anyar, sampeyan miwiti karo prasaja lan mbangun saka ing kana. Learning babagan HTML ora beda. Sampeyan bakal diwiwiti kanthi nguwasani tag HTML umum. Iki cocog karo pembelajaran "frasa sederhana" ing basa sing dienggo. Frasa kasebut dadi basis dhasar sing mbangun kawruh lan wicara, kaya tag HTML sing dadi pondasi sing bakal mbangun skills pembangunan web sampeyan.
Format Tag HTML
Sampeyan bisa ngenali tag HTML amarga diubengi dening karakter ing awal lan pungkasan tag. Antarane aksara loro iki bakal dadi teks liyane sing nemtokake apa tag HTML sing ditulis. Contone, yen sampeyan ngerti yen "jam" tegese aturan horisontal (utawa baris) sampeyan bakal nulis iki kanggo tag HTML:
Sampeyan mung nulis tag HTML sing ndudohake aturan horisontal ing kaca web.
Paling tags HTML teka kanthi pasangan. Padha diselehake ing wiwitan lan ing pungkasan bagean teks kanggo ndhikte isi sing bakal diwenehi. Pasangan iki mbentuk elemen HTML . Nalika sampeyan sinau sing lan sing mbukak lan nutup tag kanggo nggawe teks kandel, sampeyan bakal miwiti ngerti carane tag HTML mengaruhi tampilan teks ing kaca web.
Ukara iki bakal katon ing kabeh kandel amarga tag.
Elinga yen tutup kuwat nutup (sing tegesé "penekanan sing kuwat lan sing, kanthi asline, gawé teks kanthi aksara kandel) iku identik karo tag wèb pembuka kajaba sing kalebu slash ing tag. Iki minangka format sing diiringi paling Tag HTML. Tag pambuka lan tutup tag padha, kanthi tambahan slash ing tutup sing nderek ing
Gabungan Tag HTML
Tag HTML sing kerep digunakake ing kombinasi. Tag pembuka lan tutup kanggo nandheske (miring) teks yaiku lan . Nambahake tag miring menyang tembung siji ing conto ukara kabeh-kandel nyebabake tembung katon loro-lorone lan miring ing kaca web.
Ukara iki bakal katon ing kabeh kandel amarga tag.
Saben pirang-pirang tags digunakake bebarengan ing elemen saka kaca web, kanthi sawetara tag sing muncul nang wong liya, diarani tags HTML. Sampeyan kudu ngelingi yen tag nested, sing ana ing tag liya, kudu ditutup sadurunge tandha-tandha kasebut bisa ditutup. Deleng conto iki:
Iki teks sing ditekan kanggo alesan tartamtu.
Sampeyan kudu sok dong mirsani yen tag dibukak nang , tegese kudu ditutup sadurunge tag bakal katon. Coba tandhingake label minangka kotak ing jero kothak liyane. Kothak Interior kudu ditutup sadurunge njaba, kothak sing ana.
Tag HTML lan Kaca Web
Ana puluhan tag HTML ing HTML sing sah. Sawetara tag HTML ndhikte banget, unsur-unsur dhasar kaya paragraf, dene liyane luwih rumit lan nambah luwih akeh fungsi, kayata pranala utawa "jangkar" tag. Dhaptar tag HTML menehi gambar asli saka pirang-pirang tag fungsi sing bisa digunakake ing kaca web kanthi nggunakake tag.
Ana uga sawetara tag sing dibutuhake kabeh kaca web. Nalika sampeyan mbangun kaca pisanan, sampeyan bakal nggunakake tag , sing bakal miwiti kaca web;
sing ngandhani browser apa sing bakal dituduhake ing ndhuwur panel browser, lan <body>, ing ngendi kabeh informasi kaca web dadi lan paling gedhe saka kaca sampeyan. </p>
<p> Dhaptar tag HTML ora akeh mbantu nganti sampeyan wis liwat tutorial HTML, nanging sawise sampeyan nindakake, sampeyan bisa nggunakake tag HTML kanggo mbangun kaca web sampeyan. Siji tandha, aja dadi kepunjulen kanthi jumlah tag HTML sing bisa. Nalika ana pirang-pirang tag sing bisa digunakake, kasunyatane yaiku yen sampeyan mung bisa nggunakake sakepel maneh. Ing kasunyatan, ana sawetara tag HTML sing durung tau digunakake malah sepisan ing dasawarsa karya desain web! </p>
<h3> Nolak Tags </h3><p> <a href="https://jw.eyewated.com/html-5-referensi-html-5-tags-kanthi-aksara/">HTML5</a> minangka standar markup saiki. Sawetara tandha sing digunakake ing versi sadurungé HTML saiki ditangani nganggo lembar gaya ing HTML5. Tag HTML sing ora ditemtokake wis dibusak saka spesifikasi HTML. Sing paling apik ora nggunakake sembarang label sing usang. </p>
<p> Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard ing 5/2/17 </p>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/carane-kalebu-siji-file-html-ing-liyane/">
<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://jw.eyewated.com/carane-kalebu-siji-file-html-ing-liyane/">Carane Kalebu Siji File HTML ing Liyane</a></h3>
<div class="amp-related-meta">
Desain Web & Alat </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/nggunakake-html-table-atribut-unsur/">
<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://jw.eyewated.com/nggunakake-html-table-atribut-unsur/">Nggunakake HTML TABLE Atribut unsur</a></h3>
<div class="amp-related-meta">
Desain Web & Alat </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/dhaptar/">
<amp-img src="https://exse.eyewated.com/pict/fd0694f36f7534bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/dhaptar/">Dhaptar</a></h3>
<div class="amp-related-meta">
Desain Web & Alat </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/kode-html-kanggo-karakter-basa-polandia/">
<amp-img src="https://exse.eyewated.com/pict/3a843da345b63435-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/kode-html-kanggo-karakter-basa-polandia/">Kode HTML kanggo Karakter Basa Polandia</a></h3>
<div class="amp-related-meta">
Desain Web & Alat </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/tips-kanggo-nggunakake-tags-komentar-html/">
<amp-img src="https://exse.eyewated.com/pict/4bcc8f96607434bc-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/tips-kanggo-nggunakake-tags-komentar-html/">Tips kanggo Nggunakake Tags Komentar HTML</a></h3>
<div class="amp-related-meta">
Desain Web & Alat </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/kode-html-lan-karakter-khusus/">
<amp-img src="https://exse.eyewated.com/pict/edc554c3ee98325c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/kode-html-lan-karakter-khusus/">Kode HTML lan Karakter Khusus</a></h3>
<div class="amp-related-meta">
Desain Web & Alat </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/atribut-html5-anyar-saka-unsur-iframe/">
<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://jw.eyewated.com/atribut-html5-anyar-saka-unsur-iframe/">Atribut HTML5 anyar saka unsur IFRAME</a></h3>
<div class="amp-related-meta">
Desain Web & Alat </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/carane-kalebu-html-ing-many-documents-using-javascript/">Carane Kalebu HTML ing Many Documents Using JavaScript</a></h3>
<div class="amp-related-meta">
Desain Web & Alat </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/komentar-ing-komentar/">
<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://jw.eyewated.com/komentar-ing-komentar/">Komentar ing Komentar</a></h3>
<div class="amp-related-meta">
Desain Web & Alat </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/milih-ampuh-kanan-kanggo-mobil-utawa-truk/">
<amp-img src="https://exse.eyewated.com/pict/f28e64ec95a0343a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/milih-ampuh-kanan-kanggo-mobil-utawa-truk/">Milih Ampuh Kanan kanggo Mobil utawa Truk</a></h3>
<div class="amp-related-meta">
Car Tech </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/ringkesan-post-blog/">
<amp-img src="https://exse.eyewated.com/pict/a605237980712ebe-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/ringkesan-post-blog/">Ringkesan Post Blog</a></h3>
<div class="amp-related-meta">
Web & Telusuri </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/kantor-pos-protokol-pop/">
<amp-img src="https://exse.eyewated.com/pict/185ec07cc0ff3c31-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/kantor-pos-protokol-pop/">Kantor Pos Protokol (POP)</a></h3>
<div class="amp-related-meta">
Email & Olahpesen </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/batman-arkham-knight-ps4-review/">
<amp-img src="https://exse.eyewated.com/pict/fcac3f49b7ac370d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/batman-arkham-knight-ps4-review/">Batman: Arkham Knight PS4 Review</a></h3>
<div class="amp-related-meta">
Gaming </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/10-alat-gambar-desain-grafis-online/">
<amp-img src="https://exse.eyewated.com/pict/90306b356630307c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/10-alat-gambar-desain-grafis-online/">10 Alat Gambar Desain Grafis Online</a></h3>
<div class="amp-related-meta">
Media sosial </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/carane-copot-alamat-saka-panjenengan-hotmail-aman-list/">
<amp-img src="https://exse.eyewated.com/pict/7214a767b08b3478-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/carane-copot-alamat-saka-panjenengan-hotmail-aman-list/">Carane Copot Alamat Saka Panjenengan Hotmail Aman List</a></h3>
<div class="amp-related-meta">
Email & Olahpesen </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/tulis-ing-html-konsep-html-dasar/">
<amp-img src="https://exse.eyewated.com/pict/2d691e7fe79532bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/tulis-ing-html-konsep-html-dasar/">Tulis ing HTML: Konsep HTML Dasar</a></h3>
<div class="amp-related-meta">
Web & Telusuri </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/troubleshooting-jaringan-xbox-360/">
<amp-img src="https://exse.eyewated.com/pict/bfbb6c5524c33097-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/troubleshooting-jaringan-xbox-360/">Troubleshooting Jaringan Xbox 360</a></h3>
<div class="amp-related-meta">
Internet & Jaringan </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/pindhah-spam-menyang-folder-junk-otomatis-ing-mozilla-thunderbird/">
<amp-img src="https://exse.eyewated.com/pict/79e21b6d76803404-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/pindhah-spam-menyang-folder-junk-otomatis-ing-mozilla-thunderbird/">Pindhah Spam menyang Folder Junk otomatis ing Mozilla Thunderbird</a></h3>
<div class="amp-related-meta">
Email & Olahpesen </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/layanan-cell-phone-utawa-home-phone/">
<amp-img src="https://exse.eyewated.com/pict/437f200aaf2e308c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/layanan-cell-phone-utawa-home-phone/">Layanan Cell Phone utawa Home Phone?</a></h3>
<div class="amp-related-meta">
Review Produk </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/internet-nganggo-internet/">
<amp-img src="https://exse.eyewated.com/pict/ea96244113503cf3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/internet-nganggo-internet/">Internet nganggo Internet</a></h3>
<div class="amp-related-meta">
Email & Olahpesen </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/apa-perbedaan-antarane-usb-lan-aux/">
<amp-img src="https://exse.eyewated.com/pict/f0f30d55d14932eb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/apa-perbedaan-antarane-usb-lan-aux/">Apa Perbedaan Antarane USB lan Aux?</a></h3>
<div class="amp-related-meta">
Car Tech </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/inbox-com-email-service-review/">
<amp-img src="https://exse.eyewated.com/pict/8445fe7a87b72fa2-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/inbox-com-email-service-review/">Inbox.com - Email Service Review</a></h3>
<div class="amp-related-meta">
Perangkat Lunak & Aplikasi </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/wi-fi-direct-piranti-portabel-wi-fi-portabel/">
<amp-img src="https://exse.eyewated.com/pict/39889f49f2dd352e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/wi-fi-direct-piranti-portabel-wi-fi-portabel/">Wi-Fi Direct - Piranti, Portabel Wi-Fi Portabel</a></h3>
<div class="amp-related-meta">
Internet & Jaringan </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/inkjet-printers-workhorses-high-and-low-volume-foto-sing-luar-biasa/">
<amp-img src="https://exse.eyewated.com/pict/633a7d92653e32cb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/inkjet-printers-workhorses-high-and-low-volume-foto-sing-luar-biasa/">Inkjet Printers - Workhorses High- and Low-Volume, Foto sing luar biasa</a></h3>
<div class="amp-related-meta">
Tuku Guides </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/apa-jenis-sambungan-apa-pemain-disc-blu-ray-duwe/">
<amp-img src="https://exse.eyewated.com/pict/df26c28203fe3cd7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/apa-jenis-sambungan-apa-pemain-disc-blu-ray-duwe/">Apa Jenis Sambungan Apa Pemain Disc Blu-ray Duwe?</a></h3>
<div class="amp-related-meta">
Ngarep Theater </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/headset-bluetooth-panuntun-buying/">
<amp-img src="https://exse.eyewated.com/pict/6a1c9e6e83cb3ca4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/headset-bluetooth-panuntun-buying/">Headset Bluetooth: Panuntun Buying</a></h3>
<div class="amp-related-meta">
Tuku Guides </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/ngatur-pc-sampeyan-kanthi-windows-folder/">
<amp-img src="https://exse.eyewated.com/pict/cc624a61f7333123-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/ngatur-pc-sampeyan-kanthi-windows-folder/">Ngatur PC Sampeyan Kanthi Windows Folder</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/tripod-camcorder-terbaik-8-dibukak-ing-2017/">Tripod Camcorder Terbaik 8 Dibukak ing 2017</a></h3>
<div class="amp-related-meta">
Tuku Guides </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/kenapa-ccleaner-menehi-kula-mbayar-aku-pikir-iku-gratis/">
<amp-img src="https://exse.eyewated.com/pict/020d2722185147b5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/kenapa-ccleaner-menehi-kula-mbayar-aku-pikir-iku-gratis/">Kenapa CCleaner mènèhi kula mbayar? Aku pikir iku gratis!</a></h3>
<div class="amp-related-meta">
Perangkat Lunak & Aplikasi </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/cara-nganggo-aplikasi-files-ing-iphone-utawa-ipad/">
<amp-img src="https://exse.eyewated.com/pict/57df3807f54e30af-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/cara-nganggo-aplikasi-files-ing-iphone-utawa-ipad/">Cara Nganggo Aplikasi Files ing iPhone utawa iPad</a></h3>
<div class="amp-related-meta">
IPad </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://jw.eyewated.com/carane-troubleshoot-kesalahan-ing-url/">
<amp-img src="https://exse.eyewated.com/pict/082aa1374de53181-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://jw.eyewated.com/carane-troubleshoot-kesalahan-ing-url/">Carane troubleshoot kesalahan ing URL</a></h3>
<div class="amp-related-meta">
Windows </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 jw.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.281 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:46:03 -->
<!-- 0.002 -->