RSS

4 Elemen pada Tag HTML

19 Mar

Siang gan,,

Udah lama bgt gak nge-blog lagi hehe, kenalken nama saya Agung Prasetyo, Panggil agung sajalah biar lebih akrab, hehehšŸ˜€ .

Nahh di kesempatan kali ini, saya mau berbagi beberapa Tag-Tag HTML yang biasa dipergunakan dalam menyusun sebuah halamn Website. Berhubung sama maish Newbie dalam masalah Tag HTML ini, So saya jelasainkan yang standart2 saja yua, yang familiar didengar di sekeliling kita.

Kalo kata oppa JK ā€œLebih Cepat, Lebih baikā€ Untuk itu, simak penjelasan lengkapnya di bawah inišŸ˜€

Dikutif dari om wiki.org, Secara garis besar terdapat 4 jenis Elemen pada HTML yakni :

  1. StrukturalĀ Ā  adalah Tanda ynag menentukan Level atau Tingkatan dari sebuah tulisan, Contoh dari Tag HTML yang masuk dalam kategori Struktural ini misalkan <h1> Hello World </h1> .
  2. Presentasional adalah tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut, Contoh dari Tag HTML ynag masuk kedalam kategori elemen Presentasional ini misalnya, <b> </b> (Memeberikan Effect Tebal pada Tulisan), <i></i> (memberikan effect miring kesamping pada tulisan), <u></u> (memberikan effect garis bawah pada tulisan).
  3. Hypertext adalah Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, < a href=”http://www.wikipedia.org/”&gt; Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu).
  4. Elemen widget yang membuat objek-objek lain seperti tombol (< button>), list (< li>), dan garis horizontal (< hr>). Konsep hypertext pada HTML memungkinkan pembuatan link pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web,

 

Screenshot from 2015 04 15 12 06 01
adult picture hosting

Screenshot from 2015 04 15 12 12 25
free image hosting

Beberapa Tag HTML yang bisa kita temui pada saat membangun sebua halaman website

  1. Bagian Head/kepala dalam pada sebuah halaman website, yang mana Head ini termasuk kedalam elemen Struktural, Contohnya dibawah ini :

Pengenalan HTML

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Ā  Ā Untuk membuat contoh diatas, maka penggunaan Tag HTML nya adalah sebagai berikutĀ 

Tag pada HTMLnya :

<!DOCTYPE html>

<html>

<head>

<title>HTML </title>

</head>

<body>

<h1> Pengenalan HTML </h1>

<p> Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

</p>

</body>

</html>

  1. Membuat Huruf Tebal, Miring kesamping dan Huruf Bergaris Bawah, yang mana tag HTML tersebut masuk kedalam elemen Presentasional, contohnya dibawah ini :

Pengenalan HTML

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman website, menampilkan berbagai informasi di dalam sebuah penjelajah website Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Untuk mendapatkan contoh seperti diatas, maka penggunaan tag HTML nya adalah sebagai berikut :

Tag pada HTMLnya :

<!DOCTYPE html>

<html>

<head>

<title>HTML </title>

</head>

<body>

<h1><b> Pengenalan HTML</b> </h1>

<p> <i><u>Hyper Text Markup Language<u><i> (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman <i>website<i>, menampilkan berbagai informasi di dalam sebuah penjelajah <i>website</i> Internet dan pemformatan <i>hiperteks</i> sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

</p>

</body>

</html>

  1. Membuat sebuah link menuju halaman website lain, yang mana tag HTML tersebut masuk kedalam elemen hypertext, contohnya dibawah ini :

Pengenalan HTML

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman website, menampilkan berbagai informasi di dalam sebuah penjelajah website Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Untuk lebih jelas terhadap penjelasan tag HTML tersebut, silahkan kunnjungi Halaman page ini http://www.w3schools.com/html/html_intro.asp

Untuk mendapatkan contoh seperti diatas, maka penggunaan tag HTML nya adalah sebagai berikut :

Tag pada HTMLnya :

<!DOCTYPE html>

<html>

<head>

<title>HTML </title>

</head>

<body>

<h1><b> Pengenalan HTML</b> </h1>

<p> <i><u>Hyper Text Markup Language<u><i> (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman <i>website<i>, menampilkan berbagai informasi di dalam sebuah penjelajah <i>website</i> Internet dan pemformatan <i>hiperteks</i> sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Untuk lebih jelas terhadap penjelasan tag HTML tersebut, silahkan kunnjungi Halaman page ini < a href=”http://www.w3schools.com/html/html_intro.asp/”>w3schools</a>

</p>

</body>

</html>

 
Leave a comment

Posted by on March 19, 2015 in catatan pribadi

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: