Ticker

6/recent/ticker-posts

Header Ads Widget

Tutorial #3 | tag meta, s, ins, del

Tag <meta> pada HTML

Tag meta tidak mempengaruhi isi dari konten halaman web, namun lebih kepada memberikan keterangan tambahan pada halaman itu sendiri.

Tag meta merupakan tag yang berdiri sendiri, atau disebut juga self-closing tag. Penulisan meta tag adalah sebagai berikut: <meta … />, di tempatkan pada bagian head dari HTML dan biasanya terdiri dari beberapa meta tag dengan atribut yang berbeda-beda.

Tag meta tidak akan ditampilkan pada halaman tetapi dapat di baca oleh mesin pencari, biasanya berisi deskripsi halaman, kata kunci, nama penulis artikel dan meta data lainnya.

Beberapa atribut yang biasanya di tampilkan adalah charsetname, http-equiv, dan content.

charset : Digunakan untuk memberi tahu web browser dengan karakter set seperti apa halaman web akan ditampilkan. Biasanya atribut charset ini akan berisi nilai seperti utf-8, atau ISO-8859-1. Jika kita tidak memasukkan charset ke dalam meta tag, tampilan halaman seakan tidak berubah, namun akan menjadi masalah jika halaman web kita dibuka oleh browser dari negara yang tidak menggunakan huruf latin seperti jepang, cina dan arab. Mendeklarasikan utf-8 sebagai atribut charset pada meta tag merupakan langkah untuk mengantisipasinya.

Name : Menentukan nama untuk meta data , berisi nilai seperti author, description, generator, keywords, viewport.

content : Memberikan nilai yang terkait bersamaan atribut http-equiv atau name , berisi nilai teks seperti nama author, nama keyword.

http-equiv : Memberikan header HTTP untuk informasi / nilai atribut konten berisi nilai seperti content-type, default-style, refresh.

Ketik kode berikut pada HTMLPad

<!DOCTYPE html>
<html>

<head>
<title>Tutorial Meta Tag </title>
    <meta charset="utf-8" />
    <meta http-equiv="refresh" content="5" />
    <meta name="keywords" content="Tutorial meta tag, 
    meta tag, belajar html 5" />
    <meta name="description" content="biasanya
    google akan menampilkan seperti kalimat ini" />
</head>

<body>
   <p>
     Halaman ini akan di refresh setiap <em>5 detik</em>
   </p>
</body>

</html>

Tag <s> pada HTML 

Cara penulisan sintaks dibuka dengan tag <s> dan ditutup dengan tag </s> seperti contoh dibawah ini.

Tag <s> merupakan singkatan dari Strikethrough yang dipakai untuk mencoret teks dengan garis. Tag <s> masuk ke dalam tipe tag inline, yang akan mengikuti alur teks yang ada.

Ketik kode berikut pada HTMLPad

<!DOCTYPE html>
<html>
<head>
<title>Tutorial tag s HTML 5</title>
</head>
 
<body>
<h3>Latihan tag s belajar di internet</h3>
<p><s>Jangan Malas</s>Jika anda ingin belajar cara membuat website, pertama kali yang harus dipelajari adalah HTML</p>
</body>
 
</html>

Tag <del> dan tag <ins>  

Tag <ins> berasal dari kata inserted dan tag <del> berasal dari kata deleted.

Tag <ins> adalah tag yang digunakan untuk menunjukan nama atau teks baru, sedangkan tag <del> adalah tag yang digunakan untuk menampilkan teks atau nama yang telah dihapus . kedua tag ini sering dipasangkan untuk menampilkan perubahan informasi yang lama dan yang baru.

Didalam tag <ins> menampilkan teks yang digaris bawahi, sedangkan pada tag <del> ditampilkan sebagai teks yang dicoret.

Ada dua atribut dalam tag <del> yaitu:

1. cite : berisi kutipan url artikel / dokumen yang menjelaskan mengapa teks itu dihapus

2. datetime : berisi tanggal dan waktu perubahan teks yang dihapus

Kedua atribut dalam tag <del> diatas bersifat opsional ( jika ada ). Cara penulisan sintaksnya dengan tag pembuka <ins> dan ditutup dengan tag penutup </ins>, tag del dengan sintaks <del> … </del> 

Ketik kode berikut pada HTMLPad

<!DOCTYPE html>
<html>
<head>
<title> Latihan tag del dan tag ins </title>
</head>

<body>
    <p>
        Rajin latihan pangkal segala upaya
        <del cite="https://tutorialflashaplikasiandroid.blogspot.com datetime="2021-01-30 08:41>BayuAdjie</del>
        <ins>SenoAdjie</ins>
</p>
</body>

</html>


Published: Seno Adjie

Posting Komentar

0 Komentar