Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Wednesday, September 5, 2012

Belajar Dasar-Dasar HTML [vi]

Postingan lanjutan dari pondasi Belajar Dasar-Dasar HTML [i]
 
Referensi : 

Buku HTML Penerbitan di World Wide Web karya Mac Bride
 html codes
Latihan 5 : Tag <P>

Tag <P> digunakan untuk memulai awal paragraf baru. Kita dapat melakukan variasi tag ini di akhir sebuah teks, pada awal teks berikutnya atau di antara dua buah teks.

Tuliskan kode HTML di bawah ini di Notepad :

<HTML>
<TITLE> 

Belajar Menggunakan Tag Paragraf <P> 
</TITLE>
Belajar menggunakan Tag Paragraf
<P> Bila tag ini ditaruh pada awal teks (contoh menaruh tag di awal kata "bila") maka akan memberikan baris kosong di atasnya. Sementara bila tag ini kita taruh di akhir teks,ia akan memberikan baris kosong pada kata baru di bawahnya (perhatikan baris kosong di atas kata "lantas"). <P>
Lantas bagaimana bila tag ini kita taruh diantara 2 teks?
<P> Penyisipan tag paragraf di antara kata AKU <P> KAMU, ternyata memberikan jarak sebesar satu baris kosong.
</HTML>


html p
 
 atau bisa juga di tulis dengan format lainnya

<HTML>
<TITLE> Belajar Menggunakan Tag Paragraf <P> </TITLE>
Belajar menggunakan Tag Paragraf
<P> Bila tag ini ditaruh pada awal teks (contoh menaruh tag di awal kata "bila") maka akan memberikan baris kosong di atasnya. Sementara bila tag ini kita taruh di akhir teks,ia akan memberikan baris kosong pada kata baru di bawahnya (perhatikan baris kosong di atas kata "lantas"). <P>
Lantas bagaimana bila tag ini kita taruh diantara 2 teks?
<P> Penyisipan tag paragraf di antara kata AKU <P> KAMU, ternyata memberikan jarak sebesar satu baris kosong.
</HTML>

  p html

Hasil tampilan pada browser Mozilla Firefox :

tag p

Kita dapat berlatih mengkombinasikan tag <P> dengan tag lainnya seperti <H1> - <H6>, <ADDRESS> dan <BR> mengacu pada materi postingan Belajar Dasar-Dasar HTML sebelumnya, misalkan dengan menuliskan Kode HTML seperti di bawah ini :

<HTML>
<TITLE> Belajar Dasar-Dasar HTML </TITLE>
<H2> Belajar Dasar-Dasar HTML </H2>
<H4> www.simponikehidupan.co.cc    ----     http://simponikehidupan.blogspot.com </H4>
<H3> Materi yang telah disampaikan secara sederhana : </H3>
<H5> <ADDRESS> Tag Heading </ADDRESS>
<ADDRESS> Tag Title </ADDRESS>
<ADDRESS> Tag Break Line </ADDRESS>
<ADDRESS> Tag Paragraf </ADDRESS> </H5>
<P> <H4> Mempelajari HTML dimulai dengan mengetahui Kode atau tag yang biasa dipergunakan.
Berangkat dari pemahaman mengenai tag yang sederhana inilah kita lalu coba
merumuskan agar instruksi yang ditampilkan melalui browser sesuai dengan kebutuhan
dan keinginan kita. <P> Tampilan yang menarik tentu akan menciptakan pesan dan kesan tersendiri.
Terlebih bila kesemuanya itu tak lain merupakan hasil dari proses pembelajaran secara otodidak.
<BR> Sebuah pepatah mengatakan bahwasanya sebaik-baiknya proses belajar adalah : <ADDRESS>
learning by doing </ADDRESS> </H4>
</HTML>


html p tag

Tampilan pada browser Mozilla Firefox :

html paragraph



Baca Juga :

Sunday, September 2, 2012

Belajar Dasar-Dasar HTML [v]

Postingan lanjutan dari pondasi Belajar Dasar-Dasar HTML [i]
 
Referensi : 

Buku HTML Penerbitan di World Wide Web karya Mac Bride
 html codes
Latihan 4 : Tag <BR>

Tag <BR> digunakan untuk line break (ganti baris).

Tuliskan kode HTML di bawah ini di Notepad :

<HTML>
Belajar Dasar-Dasar HTML sebaiknya diawali dengan menggunakan kode HTML atau Tag yang sederhana.
<BR>
 Pahami kegunaan dari setiap tag yang telah dipelajari sebelumnya, seperti Tag Heading dan Tag Title.
<BR>
Untuk memisahkan kalimat dalam baris yang berbeda, gunakanlah Tag Line BReak.
<BR>
<BR>
Selamat mencoba.....
</HTML>


html line break

 atau bisa juga di tulis dengan format lainnya

<HTML>
Belajar Dasar-Dasar HTML sebaiknya diawali dengan menggunakan kode HTML atau Tag yang sederhana.
<BR> Pahami kegunaan dari setiap tag yang telah dipelajari sebelumnya, seperti Tag Heading dan Tag Title.
<BR> Untuk memisahkan kalimat dalam baris yang berbeda, gunakanlah Tag Line BReak.
<BR> <BR> 
Selamat mencoba.....
</HTML>
br tag

Hasil tampilan pada browser Mozilla Firefox :
 
mozilla browser




Baca Juga :

Saturday, September 1, 2012

Belajar Dasar-Dasar HTML [iv]

Postingan lanjutan dari pondasi Belajar Dasar-Dasar HTML [i]
 
Referensi : 

Buku HTML Penerbitan di World Wide Web karya Mac Bride
 html codes
Latihan 4 : Tag <ADDRESS>

Tuliskan kode HTML di bawah ini di Notepad :

<HTML>

<TITLE>
Homepage pribadi anak Indonesia
</TITLE>
<H1> Selamat datang </H1>
Terimakasih atas kunjungannya 
<ADDRESS> 
anakindonesia@kreatif.com 
</ADDRESS>

</HTML>

tagged


atau bisa juga di tulis dengan format lainnya

<HTML>
<TITLE> Homepage pribadi anak Indonesia </TITLE>
<H1> Selamat datang </H1>
Terimakasih atas kunjungannya 
<ADDRESS> anakindonesia@kreatif.com </ADDRESS>
</HTML>

tag

Hasil tampilan dari browser akan terlihat seperti di bawah ini :

browser


Variasikan Tag Heading dan Tag Address yang telah dipelajari, misalkan :

tags

Hasil tampilan pada browser Mozilla Firefox :

web browsers


Baca Juga :



Friday, August 31, 2012

Belajar Dasar-Dasar HTML [iii]

Postingan lanjutan dari pondasi Belajar Dasar-Dasar HTML [i]
 
Referensi : 

Buku HTML Penerbitan di World Wide Web karya Mac Bride
 html codes
Latihan 3 : Tag <TITLE>

Tuliskan kode HTML di bawah ini di Notepad :

<TITLE> Judul Homepage Tampil di Pojok Kiri Atas : Belajar HTML </TITLE>

tag title


atau bisa juga di tulis dengan format lainnya

<TITLE>
Judul Homepage Tampil di Pojok Kiri Atas : Belajar HTML
</TITLE>

html title tag


Hasil tampilan dari browser akan terlihat seperti di bawah ini : (Perhatikan tulisan di sudut kiri atas)

seo title tag





Baca Juga :

Friday, August 24, 2012

Belajar Dasar-Dasar HTML [ii]

"html"


Postingan lanjutan dari Belajar Dasar-Dasar HTML [i]

Latihan 2 : HEADING

Buka Notepad dan ketikkan tag di bawah ini :
<HTML>
<H1> Heading 1 - Ukuran font 24 point </H1>
<H2> Heading 2 - Ukuran font 18 point </H2>
<H3> Heading 3 - Ukuran font 14 point </H3>
<H4> Heading 4 - Ukuran font 12 point </H4>
<H5> Heading 5 - Ukuran font 10 point </H5>
<H6> Heading 6 - Ukuran font  7 point </H6>
Teks Ukuran font normal - 12 point 
</HTML>

Simpan file Latihan 2 dengan nama khusus, misalkan Tag Heading

html code

Tampilan di browser hasil pengkodean tag HTML di atas :

tampilan html


Tag Heading dapat kita gunakan untuk membuat judul atau paragraf dengan memainkan pilihan ukuran font. Gunakan tag <H1> sampai dengan <H6> untuk ukuran yang berbeda.

Contoh :
<HTML>
<H1> Selamat Datang di www.simponikehidupan.co.cc </H1>
<H3> Postingan kali ini mengenai Belajar Dasar-Dasar HTML </H2>
<H4> Materi Tag : HEADING </H3>
<H5> www.simponikehidupan.co.cc bersumber dari http://simponikehidupan.blogspot.com </H5>
</HTML>
learning html

Hasil tampilan di browser :

html tags


Referensi : 

Buku HTML Penerbitan di World Wide Web karya Mac Bride
html codes



Baca Juga :



Thursday, August 23, 2012

Belajar Dasar-Dasar HTML [i]

Kode html
http://tinyurl.com/belajarkodeHTML


Postingan berseri untuk berlatih kode-kode HTML bersumber dari Buku : HTML Penerbitan Di World Wide Web karya Mac Bride.
html tutorial


Yang perlu disiapkan : Notepad dan Browser (Mozilla Firefox atau Internet Explorer)

Kode HTML dituliskan dalam bentuk Tag, yaitu sejumlah instruksi yang diberikan kepada browser untuk mengatur teks, grafik, suara dll. 

Contoh Tag yang sederhana : <H1>
Berfungsi untuk  membuat Heading dengan ukuran 24 Point
Apabila suatu tag dimulai dengan <H1> maka akan ditutup dengan tag yang sama hanya saja perlu ditambahkan garis miring (setelah </) sehingga menjadi </H1>


Mari kita mulai Latihan 1 dengan membuka Notepad.

notepad


Dokumen HTML dibuka pertama kali dengan Tag <HTML>
dan ditutup dengan </HTML>
Kita bisa sisipkan kalimat diantara keduanya.

Misalkan, kita tulis tag di bawah ini di Notepad :
<HTML>
Belajar Dasar-Dasar HTML
</HTML>

belajar HTML

Lalu simpan dokumen tersebut dengan mengkilk File-Save As.

save

Siapkan folder dan tempat tujuan (pada bagian Save In) untuk menyimpan dokumen HTML. Tuliskan nama file pada FILE NAME - sebagai contoh kami buatkan nama file : Belajar HTML (1). Tambahkan Ekstensi .HTM di akhir nama file, sehingga menjadi Belajar HTML (1).htm


notepad html

Kemudian Klik SAVE maka file dokumen Notepad dengan nama Belajar HTML (1) yang telah disimpan akan tampak seperti di bawah ini.

html notepad

Sekarang kita akan coba buka file tersebut melalui Browser Mozilla Firefox. Di pojok kiri atas Klik File - Open File
open mozilla firefox

Carilah file Belajar HTML (1)  lalu klik OPEN

cara belajar html

Kode HTML yang telah dituliskan sebelumnya akan tampil sebagai berikut :

tampilan html


Demikian gambaran dan langkah belajar dasar-dasar HTML : Latihan 1 telah dilakukan. Anda dapat mengubah atau menyisipkan kalimat baru untuk melatih penerapan kode di atas.


Baca Juga :



Wednesday, August 15, 2012

HTML

html
http://ipingbook.blogspot.com/2012/04/pengenalan-html.html
 
Bagi anda para pecinta computer dan technology tentu saja anda sudah familiar dan sangat mengenal yang namnanya HTML. HTML memiliki kepanjangan dari Hyper Text Markup Language. Banyak sekali kegunaan dari HTML yang memang harus dipelajari secara otodidak ataupun serius untuk mencapai hasil yang memuaskan.





Bagi para pecinta komputer dan system di dalamnya maka hampir semuanya menggunakan HTML. Sangat disayangkan jika anda tidak benar-benar menguasai setiap pola dan rumus nya. 



Jika anda akan membuat halaman di web atau membuat markup maka hanya HTML yang bisa mensupport semuanya dengan baik. Ketika anda berkutat dengan berbagai macam rumus HTML maka pertama-tamanya hanya akan berbentuk huruf atau angka saja tetapi semua rumus tersebut digunakan untuk menjadi tampilan dan display yang sangat menarik. 



Display dan tampilan yang anda temui di dalam setiap website atau facebook atau twitter merupakan hasil dari rumus-rumus HTML yang telah dibuat dan dimasukkan ke dalam program khusus. Tanpa adanya program dan rumus HTML tentu saja semuanya tidak akan bisa seperti sekarang.



Beberapa kegunaaan dari HTML adalah sebagai alat untuk mengintegrasi antara tulisan, gambar dan angka. Setelah itu sebagai alat pembuat form interaktif, jika anda pernah mendengar mengenai pranala maka itu juga sebagai salah satu kegunaan HTML. 



Fungsi dan kegunaan lainnya adalah sebagai alat pengintregasi antara rekaman sebuah gambar hidup dengan sebuah suara aslinya. Selain itu HTML juga memungkinkan kita sang pengguna untuk menyunting berbagai macam tulisan. 


Related Posts Plugin for WordPress, Blogger...

Kumpulan Postingan DUNIA KITA

Kaos Wayang SASONO RINGGIT