Kamis, 27 Agustus 2015

apa itu ATTRIBUTE DAN VALUE ?


ATTRIBUTE DAN VALUE


  • Attribute adalah suatu informasi tambahan tentang suatu element.
  • Suatu attribute selalu ditulis pada tag awal / tag pembuka.
  • Attribute ditulis dengan syntax name="value" dan selalu ditulis dengan huruf kecil.
  • Value pada attribute ditulis dalam tanda petik, tetapi jika tanda petik merupakan value contohnya ini "Blognya NN" saya maka penulisannya 'ini "Blognya NN" saya'.
Contoh:
1.   <p align="center">tulisan paragraf</p>
penjelasan:
  1. <p align="center"> merupakan tag pembuka yang telah diberi attribute.
  2. </p> merupakan tag penutup.
  3. "tulisan paragraf" merupakan konten element.
  4. Keseluruhan contoh diatas merupakan suatu element.
  5. align="center" merupakan suatu attribute.
  6. align merupakan name attribute.
  7. "center" merupakan value attribute.


2.       <body bgcolor="red">
penjelasan :

 1. <body bgcolor="red">merupakan tag pembuka yang diberi attribute dan elemen
 2. ..body...merupakan elemen
 3. bgcolor="red" merupakan attribute
 4. bgcolor merupakan nama attribute
 5. "red" merupakan value attribute


terima kasih.....

ELEMEN DAN TAG DALAM HTML

Elemen
Dokumen HTML disusun oleh elemen-elemen. “elemen” merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Beberapa contoh elemen adalah: head, body, table, paragraph, dan list. Elemen dapat berupa teks murni atau bukan teks atau keduanya.

TAG
Untuk menandai elemen dalam suatu dokumen HTML, kita menggunakan tag. Tag HTML terdiri atas sebuah kurung sudut kiri (<, tanda lebih kecil), sabuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar). 

Tag umumnya berpasangan (misalnya <H1> dengan </H1>,  tag menjadi pasangan selalu diawali dengan karakter garing (/, garis miring). Tag pertama menunjukkan tag awal yang berarti awal elemen, dan kedua menunjukan tag akhir, berarti akhir elemen.
Nama elemen ditunjukan dengan nama tagnya. Suatu elemen di dalam dokumen HTML harus ditandai dengan penulisan tagnya yang berpasangan. Ada beberapa elemen yang tidak mengharuskan tagnyadituliskan secara berpasangan, elemen tersebut diantaranya adalah:
1.      Paragraph dengan tag <p>
2.      Ganti baris – line break dengan tag <br>
3.      Garis datar – horizontal rule dengan tag <hr>
4.      List item  dengan tag <li>
Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan:
<namatag> … </nametag>

JADI  Tag adalah simbol "<",">" atau "/" dalam html dan Elemen ada di tengah-tengah TAG

SEKIAN SEMOGA BERMANFAAT....

Sabtu, 22 Agustus 2015

Contoh BLOG html

BLOG DENGAN HTML-Biodata diri

Sekarang saya akan memberikan contoh tentang blog sederhana dengan menggunakan HTML
Kodenya sebadai berkut

<html>
<head>
<title>Biodata Diri</title>
</head>
<body>
    <div style="background: black;">
<div align="center">
<span style="color: white;"> Biodata Diri Nur afianto</span></div>
</div>
<h3>
<div align="center">
<img alt="smktth.jpeg" height="240" src="smktth.jpeg" width="140" /></div>
</h3>
<div align="center">
<i><b><span style="font-size: large;"><span style="color: black;">Nama            : Nur afianto</span></span></b></i></div>
<div align="center">
<i><b><span style="font-size: large;"><span style="color: black;">Tempat Tanggal Lahir        : Boyolali, 21 September 2000</span></span></b></i></div>
<div align="center">
<i><b><span style="font-size: large;"><span style="color: black;">Alamat Rumah        : Gondang sari, Jlarem, Ampel,Boyolali</span></span></b></i></div>
<div align="center">
<i><b><span style="font-size: large;"><span style="color: black;">No.HP / Telp        : -</span></span></b></i></div>
<div align="center">
<i><b><span style="color: black; font-size: large;">Pendidikan        : Masih SMK</span></b></i></div>
<div align="center">
<i><b><span style="color: black; font-size: large;">Kegiatan        : Tugas Pak Aris</span></b></i></div>
</body>

</html>

Nanti akan menjadi seperti ini      :




semoga bermanfaat.....

Biodata Diri

Biodata Diri Nur afianto

smktth.jpeg

Nama : Nur afianto

Tempat Tanggal Lahir : Boyolali, 21 September 2000

Alamat Rumah : Gondang sari, Jlarem, Ampel,Boyolali

No.HP / Telp : -

Pendidikan : Masih SMK

Kegiatan : Tugas Pak Aris

Jumat, 21 Agustus 2015

STRUKTUR HTML

Struktur HTML  :

1.Html :
Cara penulisan Tag html : <html> :sebagai awal document HTML
                                       </html>:Sebagai akhir Document HTML/untuk mengakhiri HTML

Penulisan Tag HTML adalah incasesensitive. 
Artinya, <HTML> akan sama dengan <html> atau
<Html>.

2.Head :
 Header akan berfungsi sebagai tanda pengenal pada halaman yang akan Anda buat. Untuk
mendefinisikan header dalam tag HTML maka anda harus menambahkan <HEAD> dan
</HEAD> tag di bawah tag <HTML>.

Cara penuliasn Tag Head : <head>   :untuk mengawali tag header 
                 </head>  :untuk mengakhiri tag header
di dalam tag ini kita dapat meletakkan:
  • <title></title>
    Untuk membuat judul sebuah halaman web
  • <script></script>
    Untuk menyertakan beberapa (client-side) script, semisal JavaScript
  • <style></style>
    Untuk mengatur bagaimana tata letak sebuah halaman web


3.Body :
 Pada bagian body merupakan bagian dimana Anda dapat menuliskan berbagai text yang ingin
Anda tampilkan pada halaman web. Untuk mendefinisikan body harus diketikan tag <BODY>
dan ditutup dengan tag </BODY> dibawah tag header.

Cara Penulisan tag Body : <body>  :untuk mengawali tag body
                </body>   :untuk mengakhiri tag body


Contoh Penulisan HTML :



<html>
 <head>
   <title>Selamat Datang di blog saya</title>
  <body>
  <h1>semoga mudah untuk dimengerti :D</h1>   
  </body>
 </head>
</html>

sekian dari saya, semoga bisa berguna

Kamis, 20 Agustus 2015

CIRI-CIRI HTML

Ciri ciri HTML

Sebuah HTML memiliki beberapa ciri-ciri sebagai berikut:


  1. Tersusun oleh tag-tag sebagai penanda (karena ini maka disebut markup language) misal <html>...</html>.
  2. Pada umumnya tag selalu mempunyai tag pembuka seperti di atas <html> dan tag penutup </html>, namun beberapa tag yang tidak mempunyai penutup dapat menggunakan tanda slash ( / ), misal <br /><hr />.
  3. Tidak case sensitive (huruf kapital dan kecil dianggap sama), akan tetapi untuk hasil yang lebih baik menggunakan lowercase (huruf kecil) karena berorientasi ke XHTML.
  4. Ekstensi file berupa *.html atau *.htm

Apa yang dimaksud HTML ?

Hyper Text Markup Language atau biasa disebut 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. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). 

read more: https://id.wikipedia.org/wiki/HTML