bagaimana kalau kita membahas html ?
2 posters
Halaman 1 dari 1
bagaimana kalau kita membahas html ?
by Aminudin Fri Sep 02, 2016 2:16 pm
Html html adalah Hyper Text Markup Language merupakan bahasa standar pemrograman untuk membuat suatu halaman web yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser untuk menampilkan halaman Web yang terdiri dari berbagai macam format tampilan seperti texs, grafik, animasi link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat dan kita baca. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk menuliskan kode-kode HTML anda bisa menggunakan Texs Editor misalnya Notepad, Word Pad, Microsoft Word dll. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Start Notepad, silahkan mulai dengan mengetikkan (copy/paste) texs di bawah ini:
<html>
<head>
<title>Titel Websiteku</title>
</head>
<body>
Ini adalah dokumen
HTML pertamaku
</body>
</html>
Simpan file dengan pilihan "save as" dengan nama "latihan.htm".
Kemudian Start Internet Explorer. Pilih menu File, Open dan tujukan ke C:\My Documents\websiteku.htm " klik Ok, maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti Tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: "<", ">" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka "<...>"dan diakhiri dengan tag penutup "". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolort="0000ff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka ";lt&html>" dan tag penutup ";lt&/html>" dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat dan kita baca. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk menuliskan kode-kode HTML anda bisa menggunakan Texs Editor misalnya Notepad, Word Pad, Microsoft Word dll. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Start Notepad, silahkan mulai dengan mengetikkan (copy/paste) texs di bawah ini:
<html>
<head>
<title>Titel Websiteku</title>
</head>
<body>
Ini adalah dokumen
HTML pertamaku
</body>
</html>
Simpan file dengan pilihan "save as" dengan nama "latihan.htm".
Kemudian Start Internet Explorer. Pilih menu File, Open dan tujukan ke C:\My Documents\websiteku.htm " klik Ok, maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti Tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: "<", ">" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka "<...>"dan diakhiri dengan tag penutup "". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolort="0000ff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka ";lt&html>" dan tag penutup ";lt&/html>" dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama
Aminudin- Admin
- Jumlah posting : 12
Join date : 02.09.16
Age : 24
Lokasi : Cilacap -
Re: bagaimana kalau kita membahas html ?
by khoerul sarifudin Sat Sep 03, 2016 9:20 am
sedikit tambahan smoga sangan brarti 
sintaktag html beserta fungsi kegunaannya
<I> </I> Menyisipkan tulisan miring. makan
<u> </u> Menyisipkan tulisan bergaris bawah. minum
<b> </b> Menyisipkan tulisan tebal . belajar
<li> </li> Menyisipkan bullet. * FUNGSI HTML
<marquee> </marquee> Menyisipkan tulisan berjalan . “welcome to website” bergerak dari kiri ke kanan atau dari atas ke bawah.
<blink> </blink> Menyisipkan tulisan berkedip kedip. <blink> klick here </blink>
<center> </center> Menyisipkan tulisan dalam bentuk ratah tengan .
<title> </title> Menyisipkan title html
<head> </head> Menyisipkan bagian head pada sebuah html.\
<body> </body> Menyisipkan atribut untuk seluruh dokumen. Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth
<html></html> Tag pembuka di dalam membuat sebuah desain web.
<h1> </h1> Menyisipkan tulisan dalam bentuk h1 Header 1
<h2> </h2> Menyisipkan tulisan dalam bentuk h2. Header 2 =dan seterusnya sama tinggal ganti angka
<abbr> </abbr> Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja
<acronym></acronym> Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
<area ></area> Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
<base > </base> Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
<blockquote> </blockquota> Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam
<cite> </cite> Mendefinisikan kutipan
<code> </code> Mendefinisikan sebuah bagian dari kode komputer
<button> </button> Mendefinisikan sebuah tombol diklik
<cite> </cite> Mendefinisikan kutipan
<font> </font> Mendefinisikan jenis font, warna dan ukuran untuk teks
<form> </form> Mendefinisikan sebuah form HTML untuk input form
<frame> </frame> Mendefinisikan frame dalam frameset
<hr> </hr> Membuat garis horizontal
<small> </small> Memperkecil ukuran teks dari ukuran defaultnya
<span> </span> Mendefinisikan sebuah section dalam dokumen
<strike> </strike> Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
<strong> </strong> Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<tr> </tr> Membuat baris di dalam sebuah table
<ul> </ul> Mendefinisikan daftar dalam format bullet
<td> </td> Mendefinisikan sel di dalam sebuah table. Height, width, bgcolor, background, align, valign, title, colspan, rowspan
<thead> </thead> Untuk mengelompokkan isi header di dalam sebuah tabel
<samp> </samp> Mendefinisikan contoh keluaran dari program computer
<frameset> </frameset> Mendefinisikan satu set frame
<input > </infut> Mendefinisikan input field pada form
<img > </img> Berfungsi untuk menampilkan gambar pada dokumen HTML. Src, alt, name, border, height, width
<big> </big> Memperbesar ukuran teks sebesar satu point dari defaultnya
<em> </em> Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<fieldset> </fieldset> Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
<select> </select> Membuat daftar drop-down
<strong> </strong> Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<sub> </sub> Memberikan efek subscript pada teks. Subscript
<sup> </sup> Memberikan efek superscript pada teks. Superscript
<table> </table> Membuat table. Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign
<textarea> <textarea> Mendefinisikan sebuah kontrol input multiline. Name, rows, cols, wrap
<tfoot> </tfoot> Untuk mengelompokkan isi footer di dalam sebuah tabel
<th> </th> Mendefinisikan sel header di dalam sebuah table. Height, width, bgcolor, background, align, valign, title, colspan, rowspan
<ul> </ul> Mendefinisikan daftar dalam format bullet
<var> </var> Mendefinisikan sebuah variable
<xmp> </xmp> Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>
<tt> </tt> Mendefinisikan teletype text
<option> </option> Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<noscript> </noscript> Jika browser user tidak mendukung client-side scripts
<noframes> </noframes> Jika browser user tidak mendukung frame
<nobr> </nobr> Mencegah ganti baris pada teks atau gambar
<meta > </meta> Mendefinisikan metadata tentang sebuah dokumen HTML
<menu> </menu> Mendefinisikan sebuah daftar menu
<map> </map> Mendefinisikan client-side peta gambar
<listing> </listing> Fungsi tag ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes
<legend> </legend> Mendefinisikan sebuah caption untuk elemen <fieldset>
<ol> </ol> Ordered List (digunakan dengan <li>) . 1. Item 1
<p> </p> Menyisipkan paragraph
<br> </br> Mengganti baris
<hr> </hr> Mengganti horizontall
<dt> </dt> Definition term
<dd> </dd> Definition list
<colgroup> </colgroup> Format yang berlaku bagi kolom. Height, width, align, valign, bgcolor, background, colspan
<a> </a> Membuat link ke dokumen atau situs lainnya. Href, target, style, class, name, id
<option> </option> Selected, name, value
<pre></pre> Preformatted teks. Contoh text
<button> </button> Mendefinisikan sebuah tombol diklik.
sintaktag html beserta fungsi kegunaannya<I> </I> Menyisipkan tulisan miring. makan
<u> </u> Menyisipkan tulisan bergaris bawah. minum
<b> </b> Menyisipkan tulisan tebal . belajar
<li> </li> Menyisipkan bullet. * FUNGSI HTML
<marquee> </marquee> Menyisipkan tulisan berjalan . “welcome to website” bergerak dari kiri ke kanan atau dari atas ke bawah.
<blink> </blink> Menyisipkan tulisan berkedip kedip. <blink> klick here </blink>
<center> </center> Menyisipkan tulisan dalam bentuk ratah tengan .
<title> </title> Menyisipkan title html
<head> </head> Menyisipkan bagian head pada sebuah html.\
<body> </body> Menyisipkan atribut untuk seluruh dokumen. Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth
<html></html> Tag pembuka di dalam membuat sebuah desain web.
<h1> </h1> Menyisipkan tulisan dalam bentuk h1 Header 1
<h2> </h2> Menyisipkan tulisan dalam bentuk h2. Header 2 =dan seterusnya sama tinggal ganti angka
<abbr> </abbr> Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja
<acronym></acronym> Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
<area ></area> Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
<base > </base> Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
<blockquote> </blockquota> Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam
<cite> </cite> Mendefinisikan kutipan
<code> </code> Mendefinisikan sebuah bagian dari kode komputer
<button> </button> Mendefinisikan sebuah tombol diklik
<cite> </cite> Mendefinisikan kutipan
<font> </font> Mendefinisikan jenis font, warna dan ukuran untuk teks
<form> </form> Mendefinisikan sebuah form HTML untuk input form
<frame> </frame> Mendefinisikan frame dalam frameset
<hr> </hr> Membuat garis horizontal
<small> </small> Memperkecil ukuran teks dari ukuran defaultnya
<span> </span> Mendefinisikan sebuah section dalam dokumen
<strike> </strike> Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
<strong> </strong> Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<tr> </tr> Membuat baris di dalam sebuah table
<ul> </ul> Mendefinisikan daftar dalam format bullet
<td> </td> Mendefinisikan sel di dalam sebuah table. Height, width, bgcolor, background, align, valign, title, colspan, rowspan
<thead> </thead> Untuk mengelompokkan isi header di dalam sebuah tabel
<samp> </samp> Mendefinisikan contoh keluaran dari program computer
<frameset> </frameset> Mendefinisikan satu set frame
<input > </infut> Mendefinisikan input field pada form
<img > </img> Berfungsi untuk menampilkan gambar pada dokumen HTML. Src, alt, name, border, height, width
<big> </big> Memperbesar ukuran teks sebesar satu point dari defaultnya
<em> </em> Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<fieldset> </fieldset> Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
<select> </select> Membuat daftar drop-down
<strong> </strong> Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<sub> </sub> Memberikan efek subscript pada teks. Subscript
<sup> </sup> Memberikan efek superscript pada teks. Superscript
<table> </table> Membuat table. Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign
<textarea> <textarea> Mendefinisikan sebuah kontrol input multiline. Name, rows, cols, wrap
<tfoot> </tfoot> Untuk mengelompokkan isi footer di dalam sebuah tabel
<th> </th> Mendefinisikan sel header di dalam sebuah table. Height, width, bgcolor, background, align, valign, title, colspan, rowspan
<ul> </ul> Mendefinisikan daftar dalam format bullet
<var> </var> Mendefinisikan sebuah variable
<xmp> </xmp> Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>
<tt> </tt> Mendefinisikan teletype text
<option> </option> Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<noscript> </noscript> Jika browser user tidak mendukung client-side scripts
<noframes> </noframes> Jika browser user tidak mendukung frame
<nobr> </nobr> Mencegah ganti baris pada teks atau gambar
<meta > </meta> Mendefinisikan metadata tentang sebuah dokumen HTML
<menu> </menu> Mendefinisikan sebuah daftar menu
<map> </map> Mendefinisikan client-side peta gambar
<listing> </listing> Fungsi tag ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes
<legend> </legend> Mendefinisikan sebuah caption untuk elemen <fieldset>
<ol> </ol> Ordered List (digunakan dengan <li>) . 1. Item 1
<p> </p> Menyisipkan paragraph
<br> </br> Mengganti baris
<hr> </hr> Mengganti horizontall
<dt> </dt> Definition term
<dd> </dd> Definition list
<colgroup> </colgroup> Format yang berlaku bagi kolom. Height, width, align, valign, bgcolor, background, colspan
<a> </a> Membuat link ke dokumen atau situs lainnya. Href, target, style, class, name, id
<option> </option> Selected, name, value
<pre></pre> Preformatted teks. Contoh text
<button> </button> Mendefinisikan sebuah tombol diklik.
khoerul sarifudin- Jumlah posting : 15
Join date : 02.09.16
Age : 24 -
Halaman 1 dari 1
Permissions in this forum:
Anda tidak dapat menjawab topik|
|
|