Belajar HTML
This HTML Tutorial will give you an easy, yet thorough and correct introduction on how to make websites. Tutorial HTML ini akan memberikan Anda yang mudah, lengkap dan benar pengenalan tentang cara membuat website. The tutorial starts from scratch and requires absolutely no prior knowledge of programming. Tutorial mulai dari nol dan sama sekali tidak memerlukan pengetahuan mengenai pemrograman.
Pendahuluan - Free HTML Tutorial
Orang sering berpikir itu sangat sulit untuk membuat sebuah website. Itu bukan kasus! Setiap orang dapat belajar bagaimana membuat sebuah website. Dan jika Anda membaca, Anda akan membuat satu hanya dalam satu jam.
Lain percaya - seperti secara keliru - yang mahal dan canggih perangkat lunak yang dibutuhkan untuk membuat website. Memang benar bahwa ada banyak program yang berbeda mengklaim bahwa mereka dapat menciptakan sebuah website untuk Anda. Beberapa datang lebih dekat daripada yang lain. Tetapi jika Anda ingin itu dilakukan dengan benar, Anda harus melakukannya sendiri. Untungnya, itu adalah sederhana dan bebas dan Anda sudah memiliki semua software yang Anda butuhkan.
Tujuan dari tutorial ini adalah untuk memberikan Anda yang mudah, lengkap dan benar pengenalan bagaimana membuat website. Tutorial mulai dari nol dan sama sekali tidak memerlukan pengetahuan mengenai pemrograman.
Tutorial tidak bisa menunjukkan segalanya. Sehingga beberapa keterlibatan dan kemauan untuk bereksperimen diperlukan. Tapi jangan khawatir - belajar bagaimana membuat website adalah sangat menyenangkan dan memberikan sejumlah besar kepuasan bila Anda bisa melakukannya dengan benar.
Bagaimana Anda memilih untuk menggunakan tutorial ini terserah Anda. Tapi kami sarankan Anda hanya membaca dua atau tiga pelajaran setiap hari dan luangkan waktu untuk bereksperimen dengan hal-hal baru yang Anda pelajari di setiap pelajaran.
Oke, cukup bicara. Mari kita mulai!
Pelajaran 1: Mari kita mulai
Dalam pelajaran pertama ini, Anda akan mendapatkan presentasi singkat dari alat yang Anda butuhkan untuk membuat sebuah website.
Yang dibutuhkan?
Kemungkinan besar Anda sudah memiliki semua yang anda butuhkan.
Anda memiliki sebuah "browser". Browser adalah program yang memungkinkan untuk mencari dan membuka website. Sekarang Anda melihat halaman ini dalam browser Anda.
Itu tidak penting yang browser yang Anda gunakan. Yang paling umum adalah Microsoft Internet Explorer. Tapi ada yang lain seperti Opera dan Mozilla Firefox dan mereka semua bisa digunakan.
Anda mungkin telah mendengar tentang, atau bahkan digunakan, program-program seperti Microsoft FrontPage, Macromedia Dreamweaver atau bahkan Microsoft Word, yang dapat - atau mengklaim bahwa mereka dapat - membuat website untuk Anda. Lupa program ini sekarang! Mereka tidak setiap membantu Anda ketika belajar cara kode situs Web Anda sendiri.
Sebaliknya, Anda membutuhkan editor teks sederhana. Jika Anda menggunakan Windows Anda dapat menggunakan Notepad, yang biasanya ditemukan di start menu di bawah Program di Aksesoris:
Jika anda tidak menggunakan Windows, Anda dapat menggunakan editor teks sederhana yang serupa. Sebagai contoh, Pico (Linux) atau TextEdit (Mac).
Notepad adalah sangat dasar program pengedit teks yang sangat baik untuk pengkodean karena tidak mengganggu dengan apa yang anda ketik. Ini memberi Anda kontrol penuh. Masalah dengan banyak program yang mengklaim bahwa mereka dapat membuat website adalah bahwa mereka memiliki banyak fungsi-fungsi standar, yang dapat Anda pilih. Downside adalah bahwa, semuanya perlu masuk ke dalam fungsi-fungsi standar ini. Dengan demikian, program jenis ini sering kali tidak dapat menciptakan sebuah website persis seperti yang Anda inginkan. Atau - bahkan lebih mengganggu - mereka membuat perubahan pada kode yang ditulis tangan. Dengan Notepad atau editor teks sederhana lainnya, Anda hanya memiliki diri untuk berterima kasih atas keberhasilan dan kesalahan.
Sebuah browser dan Notepad (atau editor teks sederhana yang serupa) adalah semua yang Anda butuhkan untuk pergi melalui tutorial ini dan membuat website Anda sendiri.
Apakah saya perlu online?
Anda tidak perlu terhubung ke Internet - baik ketika membaca tutorial ini, maupun saat membuat website Anda.
Jika Anda ingin menghindari online saat membaca tutorial ini, Anda dapat mencetak keluar atau sekadar melepas dari Internet saat membaca di layar. Anda dapat membuat website di komputer Anda harddisk dan meng-upload ke Internet bila telah selesai.
Pelajaran 2: Apakah HTML?
Pelajaran ini akan memberikan presentasi singkat dari teman baru Anda, HTML.
Apakah HTML?
HTML adalah "bahasa ibu" dari browser Anda.
Untuk membuat cerita panjang pendek, HTML diciptakan pada tahun 1990 oleh seorang ilmuwan bernama Tim Berners-Lee. Tujuannya adalah untuk memudahkan bagi para ilmuwan di berbagai universitas untuk mendapatkan akses ke masing-masing dokumen penelitian lain. Proyek menjadi keberhasilan yang lebih besar daripada Tim Berners-Lee yang pernah dibayangkan. Dengan menemukan HTML ia meletakkan dasar untuk web seperti yang kita kenal sekarang.
HTML adalah bahasa, yang memungkinkan untuk menyajikan informasi (misalnya penelitian ilmiah) di Internet. Apa yang Anda lihat ketika Anda melihat halaman di internet browser Anda penafsiran dari HTML. Untuk melihat kode HTML dari sebuah halaman di Internet, cukup klik "View" di menu bagian atas browser Anda dan pilih "Source".
Untuk mata yang tak terlatih, kode HTML terlihat rumit tapi tutorial ini akan membantu Anda memahami semua itu.
Apa yang bisa saya menggunakan HTML untuk?
Jika Anda ingin membuat website, tidak ada cara sekitar HTML. Bahkan jika Anda menggunakan sebuah program untuk membuat website, seperti Dreamweaver, pengetahuan dasar tentang HTML dapat membuat hidup lebih sederhana dan website Anda jauh lebih baik. Kabar baiknya adalah bahwa HTML adalah mudah dipelajari dan digunakan. Hanya dua pelajaran dari sekarang Anda akan belajar bagaimana membuat website pertama Anda.
HTML digunakan untuk membuat website. Ini adalah yang sederhana seperti itu!
Oke, tapi apa H-T-M-L stand for?
HTML adalah singkatan dari "HyperText Mark-up Language" - yang sudah lebih dari yang Anda perlu tahu pada tahap ini. Namun, demi ketertiban yang baik, mari kita menjelaskan secara lebih rinci.
• Hyper adalah lawan dari linier. Pada masa lalu - ketika mouse sedang mengejar sesuatu yang kucing - program komputer berlari linear: ketika program telah dieksekusi satu tindakan itu pergi ke baris berikutnya dan setelah itu, baris berikutnya dan seterusnya. Tapi HTML berbeda - anda bisa pergi ke mana pun Anda inginkan dan kapanpun Anda inginkan. Sebagai contoh, tidak perlu untuk mengunjungi MSN.com sebelum Anda mengunjungi HTML.net.
• Teks adalah diri jelas.
• Mark-up adalah apa yang Anda lakukan dengan teks. Anda menandai teks dengan cara yang sama Anda lakukan dalam program pengedit teks dengan judul, peluru dan teks tebal dan seterusnya.
• Bahasa adalah apa HTML. Menggunakan banyak kata dalam bahasa Inggris.
Dalam tutorial ini Anda akan mempelajari apa yang disebut XHTML (Extensible HyperText Mark-up Language) yang, singkatnya, adalah baru dan lebih baik terstruktur cara menulis HTML.
Sekarang Anda tahu apa HTML (dan XHTML) singkatan mari kita mulai dengan apa itu semua tentang: membuat website.
Pelajaran 3: Elemen dan tag
Anda sekarang siap untuk mempelajari esensi dari HTML: elemen.
Unsur-unsur memberi struktur dokumen HTML dan memberi tahu browser bagaimana Anda ingin situs web Anda yang akan disajikan. Unsur-unsur umumnya terdiri dari sebuah start tag, beberapa konten, dan tag akhir.
"Tag"?
Tags adalah label yang Anda gunakan untuk mark up awal dan akhir dari suatu elemen.
All tags memiliki format yang sama: mereka mulai dengan yang kurang tanda "<" dan diakhiri dengan lebih besar-daripada tanda ">".
Secara umum, ada dua jenis tag - pembukaan tags: <html> dan tag penutup: </ html>. Satu-satunya perbedaan antara tag pembuka dan tag penutup adalah garis miring "/". Anda melabeli konten dengan meletakkan di antara tag pembuka dan tag penutup.
HTML adalah semua tentang unsur. Untuk mempelajari HTML adalah untuk mempelajari dan menggunakan berbagai tag.
Dapatkah Anda tunjukkan saya contoh?
Oke, unsur penekanan em teks. Semua teks antara tag pembuka <em> dan tag penutup </ em> dipertegas dalam browser. ( "em" adalah kependekan dari "penekanan".)
Contoh 1:
ditekankan <em> teks. </ em>
Akan terlihat seperti ini di browser:
Ditekankan teks.
Elemen h1, h2, h3, h4, h5 dan h6 digunakan untuk membuat pos (h adalah singkatan dari "pos"), di mana h1 adalah tingkat pertama dan biasanya teks terbesar, h2 adalah tingkat kedua dan biasanya sedikit lebih kecil teks, dan h6 adalah keenam dan terakhir dalam hierarki dari pos dan biasanya teks terkecil.
Contoh 2:
<h1> Ini adalah heading </ h1>
<h2> Ini adalah subpos </ h2>
Akan terlihat seperti ini di browser:
Ini adalah pos
Ini adalah subpos
Jadi, saya selalu membutuhkan tag pembuka dan tag penutup?
Seperti yang mereka katakan, ada pengecualian untuk setiap aturan dan dalam HTML perkecualian adalah bahwa ada beberapa unsur yang baik membuka dan menutup tag yang sama. Ini disebut elemen kosong tidak terhubung ke bagian tertentu di dalam teks tetapi lebih merupakan label terisolasi, misalnya, satu baris yang terlihat seperti ini: <br />.
Tag harus diketik dalam huruf besar atau huruf kecil?
Kebanyakan browser mungkin tidak peduli jika Anda ketik tag di atas, bawah atau dicampur kasus. <HTML>, <html> Atau <html> biasanya akan memberikan hasil yang sama. Namun, cara yang benar adalah dengan mengetikkan tag dalam huruf kecil. Jadi biasakan menulis tag dalam huruf kecil.
Di mana saya menempatkan semua tag ini?
Anda ketik tag dalam dokumen HTML. Sebuah website yang berisi satu atau lebih dokumen HTML. Ketika Anda surfing di Web, Anda hanya membuka dokumen HTML yang berbeda.
Jika Anda terus pelajaran berikutnya dalam 10 menit Anda akan membuat website pertama Anda.
