Skip to main content

Tutorial Membuat HTML Sederhana

Apa itu HTML


HTML merupakan sebuah kepanjangan dari Hyper Text Markup Language. HTML juga dapat diartikan sebagai suatu file teks sederhana yang mengandung perintah-perintah berupa TAG sehingga sebuah web browser dapat menampilkan suatu halaman dengan display tertentu.

Nah disini saya akan mencontohkan tutorial tentang cara untuk membuat sebuah html sederhana untuk pemua sebagai bahan belajar bersama sama.

Cara Membuat html Sederhana

1. pertama kalian buka dulu teks editor kalian seperti Sublime Teks, Visual Studio Code, dll. tapi disini saya menggunakan Visual Studio Code.


2. setelah itu langsung buat File baru


3. Kemudian Pilin Plant Teks  ==> Pilih HTML



4. Lalu ketikan html seperti gambar di bawah ini untuk menampilkan sebuah tulisan Hello Word ! di browser.

<!DOCTYPE html>
<html>
    <head>
      <title>Langkah Awal</title>
    <head>
    <body>
        Hello World !
    </body>
</html>


5. Setelah selesai kemudian simpan file tersebut dengan format .html


6. Kemudian cari dan buka file yang tadi lewat browser, nanti akan muncul tampilan seperti di bawah ini.



Nah itulah tadi tutorial sederhana tetang html. semoga bisa membatu untuk belajar, dan jika ada yang di bingungkan silahkan tinggalkan di kolom komentar. sekian dan terima kasih ...



Comments

Post a Comment

Artikel Populer

Cara Instal Visual Studio 2010 Ultimate

  Pada kesempatan kali ini, saya akan memberikan sebuah tutorial tentang bagaimana cara menginstal aplikasi microsoft visual studio 2010 Ultimate. Jika belum punya file microsoft visial studio 2010 ultimatenya, silahkan download dulu file visual studio 2010 ultimatenya Dibawah ini. Tapi sebelum melanjutkan cara menginstalnya, pertama-tama saya akan menjelahkan sedikit menginai apa itu visual studio 2010 Ultimate.  Download Visual Studio 2010 Ultimate Disini Visual Studio 2010 pada dasarnya merupakan sebuah bahasa pemrograman komputer. Dimana pengertian dari bahasa pemrograman itu adalah perintah-perintah atau instruksi yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu. Visual Studio 2010 (yang sering juga disebut dengan VB .Net 2010) selain disebut dengan bahasa pemrograman, juga sering disebut sebagai sarana (tool) untuk menghasilkan program-progam aplikasi berbasiskan windows. Beberapa kemampuan atau manfaat dari Visual Studio 2010 diantaranya seperti : Untu...

HTML dan CSS - Membuat Form Pendaftaran Sederhana

Nah, Pada kesempatan kali ini saya akan mencoba membuat sebuah form pendaftaran sederhana menggunakan html dan css. pada artikel-artikel sebelumnya kita sudah membahs mengenai pengertian, sejarah dll tentang html dan css. nah sekarang kita coba untuk mempraktekannya. Membuat Form Pendaftaran Sederhana Untuk membuat form nya, pertama-tama kalian buka terlebih dahulu aplikasi code editor kalian. aplikasinya bebas mau sublime text, vs code, dan masih banyak lagi yang lainnya yang penting bisa untuk membuat html dan css. nah untuk langkah langkahnya, kalian bisa ikuti seperti yang saya contohkan di bawah ini. Membuat file html Dibawah ini merupakan file html yang kita gunakan untuk membuat form, silahkan kalian bisa mengikutinya. <! DOCTYPE   html > < html   lang = "en" > < head >     < title >Form Pendaftaran</ title > </ head > < body >      < div   id = "login-box" >  ...