Belajar membuat website dengan HTML ( Hyper Text Markup Language )

Dasar – dasar dalam text Html

 Hasil gambar untuk hhtml

Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website.

Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubahan-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.


Hasil gambar untuk blogger

Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.

Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Hasil gambar untuk notepad ++

Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.

Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.

Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar 📚


Pemformatan Teks Berikut ini adalah contoh yang dihasilkan pemformatan teks pada dokumen web :
Dalam Membuat file HTML, Maka dalam penulisan syntax/rumusnya dengan di awali dengan text seperti :
<html>
<head>
<title>.......</title>  pada bagian ........ anda dapat memberi judul dokumen html anda
</head>

Lalu setelah itu baru tag <body> yang di gunakan untuk menulis apa yang nanti akan di tampilkan pada layar,yang isinya meliputi tag-tag seperti :

 Teks ini format tebal ( Menggunakan Tag <b> .... </b> )
Teks ini format Big ( Menggunakan Tag <big> .... </big> )
Teks ini format miring ( Menggunakan Tag <i> .... </i> )
Teks ini format kecil ( Menggunakan Tag <small> .... </small> )
Teks ini format garis bawah ( Menggunakan Tag <u> .... </u> )
h2o menggunakan subscript( Menggunakan Tag <sub> .... </sub> ) untuk huruf h2o
22=4 menggunakan superscript( Menggunakan Tag <sup> .... </sup> ) untuk huruf 22=4
Teks ini format strike ( Menggunakan Tag <strike> .... </strike> )
Teks ini format strong ( Menggunakan Tag <strong> .... </strong> )
*.Pada bagian ....... dapat kamu berikan text yang ingin kamu tulis

Dan untuk mempercantik halaman Web kamu maka kamu dapat memberikan efek seperti list/daftar,tabel,dan simbol-simbol atau yang dikenal dengan istilah dengan form. Untuk Mempelajarinya kamu dapat mengunjungi halaman web saya dengan meng-klik tulisan disamping untuk belajar tentang daftar : Belajar Membuat list di dalam HTML

Sekian Terimakasih , Semoga Membantu Bagi yang Membutuhkan

Komentar

Posting Komentar

Popular

Multimedia pada Halaman Web

Gambar
Suatu halaman web akan terlihat kaku, terkesan formal, dan sedikit menjemukan bila tidak disertai dengan gambar. Kita bisa lihat saat ini, halaman web yang ada di internet, hampir semuanya memasukkan unsur gambar, animasi, bahkan audio dan video untuk menarik dan membuat tercengang para pengunjungnya.  Cara yang diperlukan untuk memasukkan atau menambahakan gambar ke dalam suatu halaman web sangatlah mudah. HTML telah menyediakan tag khusus untuk keperluan ini, yaitu <img>. Tag ini merupakan tag tunggal atau tidak memiliki pasangan. Atribut terpenting dari tag <img> adalah SRC (source atau sumber), yang berisi file gambar yang akan ditampilkan ke dalam halaman web. Bentuk umum penggunaan tag <img> adalah : <img src=”namafile”> Jika file yang akan ditampilkan berada di direktori lain, atau bahkan berada di situs web lain, makan perlu menyebutkan juga lokasi dari file tersebut. Contoh: <img src= “../image/komputer.jpg”> Atau <img sr
Terus membaca

Perawatan Komputer secara berkala

Gambar
Cara merawat komputer secara Software : 1. Gunakan Operating System yang sesuai             sistem operasi akan sangat berpengaruh dengan spesifikasi komputer yang akan digunakan. disarankan agar diatas batas minimum dari hardware agar dalam penggunaan dapat maksimal. sehingga, Aplikasi dan volume data dengan spesifikasi Komputer yang digunakan. 2. Gunakan program aplikasi sesuai kebutuhan dengan menggunakan program aplikasi sesuai kebutuhan tentunya akan memperpanjang umur dari software (lepas dari kode registrasi atau key setiap program aplikasi). 3. Anti Virus yang Update lakukan update secara berkala terhadap anti virus yang dimiliki (baca :  Review Antivirus Gratis Terpopuler 2013 ). Adanya virus dapat menyebabkan lambatnya akses pada komputer dan rusaknya system atau data. Bahkan dalam kondisi ekstrim dapat menyebabkan komputer macet/hang/Not Responding. Kalau sudah hang tidak ada cara lain selain menekan tombol Restart pada CPU. Apabila ini sering terjadi
Terus membaca

Hyperlink dalam Html

Gambar
Anatomi hyperlink Salah satu kelebihan dokumen HTML adalah memiliki kemampuan untuk saling terkait dengan dokumen lain. Link (sebutan singkat dari hyperlink text) adalah suatu metode yang digunakan dalam HTML untuk membuat hubungan antar halaman yang terdapat dalam satu situs web. Semua halaman web yang ada di internet hampir bisa dipastikan memiliki link. Secara umum, fungsi link adalah untuk memudahkan pengunjung web dalam menulusuri/menjelajahi seluruh isi atau informasi yang tersimpan dalam situs web bersangkutan.  Dalam keadaan default (normal), suatu link akan ditandari dengan teks berwarna biru yang memiliki garis bawah. Meskipun demikian, kita dapat mengubah warna dan gaya link sesuai dengan kebutuhan dan keinginan kita melalui pembuatan kode CSS.jika kita mengarahkan kursor ke suatu link tertentu, maka penunjuk mouse akan berubah menjadi gambar tangan dengan satu jari yang sedang menunjuk, seperti yang ditunjukkan oleh gambar di bawah ini.     contoh Link Ko
Terus membaca