Belajar HTML Untuk Pemula Level 3


Halo Sobat Lautan, semoga sehat selalu ya. 
Kali ini, kita akan kembali membahas tentang HTML, dan masih dalam tahap teks element.
Sebelumnya kita telah mendapatkan pemahaman yang cukup untuk dari 11 tag dalam teks element. Lihat sebelumnya

Contoh Skrip (Mark)

<p>
<mark>Lautan-IT</mark>, <b>B</b>erdiri sejak tahun 2017, merupakan website </br> 
buatan Mahasiswa Yogyakarta, Sistem Informasi, dan akan berkomitmen untuk terus <br>
membagikan ilmu-ilmu seputar dunia IT
</p>

Sesuai dengan namanya, mark adalah tag yang digunakan untuk menandakan suatu teks dalam kalimat tertentu. 
Untuk pada browser Firefox, teks yang berada diantara mark akan berwarna kuning. 

Contoh Skrip (Ruby)

  <ruby>
    攻殻<rt>こうかく</rt>機動隊<rt>きどうたい</rt>
  </ruby>
  <br><br>
  <ruby>
    攻<rp>(</rp><rt>こう</rt><rp>)</rp>
    殻<rp>(</rp><rt>かく</rt><rp>)</rp>
    機<rp>(</rp><rt>き</rt><rp>)</rp>
    動<rp>(</rp><rt>どう</rt><rp>)</rp>
    隊<rp>(</rp><rt>たい</rt><rp>)</rp>
    <rp>(</rp><rt>Oishi</rt><rp>)</rp>
  </ruby>

Ruby, adalah tag yang digunakan untuk memasukkan karakter bahasa seperti bahasa Jepang, China, ataupun Korea. Tag ini, dibantu dengan 2 tag lainnya, yakni rt dan rp. 
Tak banyak hal yang bisa kita bahas di tag ini. 
Kecuali anda ingin belajar HTML untuk membuat website Jepang.

Contoh Skrip (abbr)

<abbr title="Lautan-IT">LIT</abbr>

Skrip diatas, implementasi daripada tag abbr, dengan skrip tersebut dapat mengetahui bahwa kepanjangan daripada LIT adalah Lautan-IT. 
Akan tampak bila anda, menggerakan kursor tepat diatas teks LIT. Setiap abbr, harus memiliki atribut title, guna memberikan apa kepanjangan dari teks tersebut.


Contoh Skrip (address)

<address> Hubungi Kami Di Kontak WA : 081298867865 <br/>
                  Atau di alamat kami : Jl. Sudirman F139 Jogjakarta <br/>
</address>

Tepat seperti yang anda tebak, tag ini berfungsi untuk memberikan gaya penulisan alamat menjadi layak penulisan untuk alamat website

Contoh Skrip (bdo)

<p> <bdo dir="rtl"> Berdiri sejak tahun 2017, lautan-it.com adalah website buatan Mahasiswa Yogyakarta, Sistem Informasi, dan akan berkomitmen untuk terus membagikan lmu-ilmu seputar dunia IT</bdo> </p>

BDO, Birectional Override, tag yang berfungsi untuk memberikan arah penulisan teks. Contoh seperti yang ada pada teks diatas. Dengan atribut wajib dir, dan nilainya "rtl" right to left, maka penulisan teks akan ditulis dari kanan ke kiri. 

Contoh Skrip (dfn)

<dfn title="Lautan-IT">LIT</abbr>

Fungsi dari tag ini, hampir sama dengan yang ada pada tag abbr. Bila anda sudah mencobanya, maka anda akan mengetahui perbedaaannya secara gamblang

Contoh Skrip (small)

<p>Berdiri sejak tahun 2017, lautan-it.com adalah website buatan Mahasiswa Yogyakarta, Sistem Informasi, dan akan berkomitmen untuk terus membagikan lmu-ilmu seputar dunia IT <small> 2017 Lautan-IT. Copyright </small> </p>

Contoh Skrip (wbr)

<p>Berdiri sejak tahun 2017, lautan-it.com adalah website buatan <wbr>Mahasiswa</wbr> Yogyakarta, Sistem Informasi, dan akan berkomitmen untuk terus membagikan lmu-ilmu seputar dunia IT <small> 2017 Lautan-IT. Copyright </small> </p>

Word Brek Opportunity. 
Tag ini lumayan rumit untuk dijelaskan. Tetapi, apabila anda mengetahui "garis baru", serta mencoba minimize jendela browser anda, anda akan lebih mudah untuk memahaminya

Didalam HTML5, tedapat beberapa tag yang sudah usang, atau biasa disebut dengan deprecated tag, anda dapat memahaminya sendiri dengan contoh skrip dibawah ini 

<p>
    <acronym title="Lautan-IT">
      LIT
    </acronym>
<big><font color="red" size="5px">B</font></big>erdiri sejak tahun 2017, lautan-it.com adalah website buatan Mahasiswa Yogyakarta, <strike>Sistem Informasi</strike>, dan akan berkomitmen untuk terus membagikan lmu-ilmu seputar dunia IT 
<blink>Lautan-IT</bilnk>
<marquee>Sudah Usang Tag-Tag ini</marquee>
<center>Beberapa masih bisa digunakan</center>
</p>

Selamat Belajar :D.

Post a Comment

0 Comments