Mengenal Dasar-Dasar HTML

HTML (Hypertext Markup Language ) adalah sebuah bahasa pemrograman website yang menurut saya wajib dipelajari bagi seorang yang ingin menjadi web programmer karena HTML bisa dibilang merupakan dasar atau pondasi pertama yang harus diketahui dulu sebelum mempelajari bahasa pemrogram web lainnya seperti PHP untuk pemrogram dari sisi server.

Walaupun sekarang sudah terdapat aplikasi yang dapat memudahkan anda untuk membuat halaman sebuah website tanpa harus bersusah payah belajar code/script, tetapi saya sarankan sebaiknya anda belajar pengkodeannya (html) terlebih dahulu.

Jika sistem operasi yang anda gunakan adalah windows maka untuk memulai belajar html anda bisa menuliskan script atau code html menggunakan notepad.

Buka notepad, klik start > accessories > notepad atau cukup menekan tombol windows + R lalu ketikan notepad 

membuat script html di notepad


Langkah pertama kita harus mengenal tag – tag dasar/kerangka html terlebih dahulu, berikut ini adalah hal - hal mendasar yang perlu Anda pelajari :

  1. <html> : definisi sebuah dokumen html dan nantinya harus diakhiri seperti ini </html> jadi setiap ada tag pembuka <> maka jangan lupa untuk menutupnya </>, penulisan <html> dengan <HTML>atau <Html> itu sama karena html bersifat incasesensitive 
  2. <head> : sebagai tanda pengenal dalam halaman website 
  3. <title> : untuk memberi judul sebuah halaman 
  4. <body> : disini tempat anda bisa menuliskan berbagai text

Jadi setiap ada tag pembuka <> maka jangan lupa untuk menutupnya </>. <namatag> kemudian diakhiri dengan penutup tag </namatag>
 
Sekarang mulailah mengetikan beberapa baris html di notepad :


Contoh


 <html><head><title>Judul Web kamu</title>
</head>
<body> <p>tuliskan teks kamu disini</p>
</body>
</html>


Langkah selanjutnya save file tersebut disalah satu directory dicomputer anda dengan nama latihan.html save typenya all files, klik save


save file html


Langkah terakhir bukalah file latihan.html yang telah anda buat tadi sehingga web browser anda akan menampilkannya.
 
Pelajaran mendasar tentang HTML bisa dilihat pada artikel selanjutnya
  1. Belajar Membuat Tabel HTML
  2. Cara Mudah Membuat Tabel Responsive 

0 Response to "Mengenal Dasar-Dasar HTML"

Post a Comment

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

nagabet76slot gacorslot online1213141516Slot Online Menghadirkan Pengalaman Digital Yang Didukung Pemrosesan Data Secara Real TimeMahjongways Menganalisis Pola Visual Dan Dinamika Simbol Berdasarkan Pemrosesan Data DigitalMahjongways Mengembangkan Dinamika Permainan Melalui Pengelolaan Data Dan Elemen Visual TerintegrasiAnalisis Komputasi Modern Membantu Memetakan Dinamika Sistem Digital Berdasarkan Data ObservasiMember Baru Mendorong Dinamika Komunitas Digital Menuju Pengalaman Yang Lebih Aktif Dan Menarikslot onlinemahjongwayasarsitektur layananpemrosesan data adaptifmember baruSlot Online Terbaru Menghadirkan AnalisisScatter Hitam Dianalisis Melalui PemetaanPola Scatter Hitam Membentuk Distribusi Visual Yang Dapat Dikaji Menggunakan Komputasi AdaptifArsitektur Teknologi TerdistribusiTeknologi Visualisasi Data18111812181318141815181618171818181918201821182218231824182518261827182818291830174601746117462174631746417465174661746717468174692119621197211982119921200212012120221203212042120510248102491025010251102521025310254102551025610257kebiasaan online bergeser media digital berubahsaat kebiasaan online bergeser media digital berubahpergeseran kebiasaan online membawa format media barumedia digital menemukan format baru onlineformat baru muncul saat kebiasaan online berubahkebiasaan digital bergeser format media mulai berubahperubahan kebiasaan online mengubah format media digitalmedia digital beradaptasi saat kebiasaan online bergeserketika kebiasaan online berubah media mencari format barupergeseran online mendorong media digital menciptakan format barugame digital kembali mencuri perhatian saat perubahan tren mulai terlihat jelastren game digital mulai ramai dibicarakan dalam perbincangan pengguna masa kinigame digital muncul dengan arah baru seiring berubahnya kebiasaan penggunafenomena game digital makin menarik perhatian dan membuka perspektif yang berbedaperjalanan game digital memasuki babak baru di tengah perubahan platform moderngame digital menjadi sorotan ketika gaya interaksi pengguna mulai bergeserperkembangan game digital menghadirkan cerita baru yang jarang terlihat sebelumnyasaat game digital kembali diperbincangkan perubahan perilaku pengguna ikut terlihatgame digital mulai mendapat perhatian seiring munculnya gaya bermain yang beragamperubahan era membawa game digital ke ruang perbincangan dengan sudut pandang barugame online kembali menarik perhatian saat kebiasaan pengguna mulai berubahtren game online mulai berkembang seiring munculnya gaya interaksi barugame online menjadi perbincangan ketika platform digital menghadirkan pengalaman berbedafenomena game online makin terlihat di tengah perubahan budaya digitalperjalanan game online memasuki babak baru bersama perkembangan teknologigame online kembali diperhatikan setelah munculnya tren pengguna yang beragamperubahan platform membawa game online ke arah yang semakin menarikgame online mulai mendapat sorotan dari pergeseran kebiasaan di dunia digitalcerita game online berkembang saat pola interaksi pengguna ikut bergeserarah baru game online terlihat dari perubahan pengalaman pengguna masa kiniMahjongways Mengembangkan Interaksi Visual Melalui Integrasi Simbol Digital Yang DinamisAnalisis Mahjongways Memetakan Dinamika Visual Dan Respons Antarmuka Berbasis DataScatter Hitam Dianalisis Melalui Pemetaan Struktur Simbol Digital Berbasis Komputasi AdaptifAlgoritma Scatter Hitam Membantu Mengidentifikasi Dinamika Pola Melalui Analisis Data ObservasiPg Soft Mengembangkan Sistem Rendering Adaptif Untuk Mendukung Visualisasi Digital ModernTeknologi Pg Soft Mengoptimalkan Pemrosesan Grafis Melalui Arsitektur Rendering TerintegrasiTeknologi Pemodelan Data Membantu Menganalisis Dinamika Informasi Pada Ekosistem Digital ModernArsitektur Komputasi Terdistribusi Meningkatkan Keandalan Pengelolaan Data Pada Platform DigitalTeknologi Kecerdasan Komputasional Mendorong Pengembangan Sistem Digital Yang Lebih AdaptifPemrosesan Data Modern Membantu Memetakan Pola Informasi Melalui Pendekatan Komputasi TerukurTeknologi Integrasi Data Mempermudah Sinkronisasi Informasi Dalam Lingkungan Digital TerpaduVisualisasi Komputasi Modern Membantu Menginterpretasikan Perubahan Pola Pada Sistem Digital KompleksTeknologi Otomasi Data Meningkatkan Efisiensi Pengelolaan Informasi Pada Infrastruktur DigitalModel Komputasi Adaptif Mendukung Pengembangan Teknologi Digital Melalui Analisis Data BerkelanjutanPengembangan Pg Soft Mengintegrasikan Teknologi Rendering Dengan Interaksi Visual Yang ResponsifPg Soft Menerapkan Komputasi Visual Untuk Meningkatkan Efisiensi Pengolahan Elemen DigitalEksplorasi Scatter Hitam Memetakan Distribusi Simbol Melalui Model Analitik Digital TerintegrasiPola Scatter Hitam Dikaji Menggunakan Pendekatan Visualisasi Data Dan Pemodelan StatistikMahjongways Menghadirkan Pendekatan Visual Interaktif Melalui Pemrosesan Simbol Yang AdaptifEksplorasi Mahjongways Mengungkap Perubahan Pola Visual Dalam Lingkungan Digital Terintegrasigame online sinkronisasi data real time