Cara menggunakan apa ekstensi file html?

File HTML hanyalah file teks yang disimpan dengan ekstensi .html atau .htm.

Dalam tutorial ini kalian akan belajar betapa mudahnya membuat dokumen HTML atau halaman web. Untuk mulai coding HTML, kalian hanya perlu dua hal yaitu editor teks sederhana dan browser web.

Baiklah, mari kita mulai dengan membuat halaman HTML pertama kalian.

Membuat Dokumen HTML Pertama

Mari kita ikuti langkah-langkahnya. Di akhir tutorial ini, kalian akan membuat file HTML yang menampilkan pesan “Hello world” pada browser web kalian.

Langkah 1: Membuat file HTML

Buka editor teks di komputer kalian dan buat file baru.

Tips: Kami menyarankan kalian untuk menggunakan Notepad (di Windows), TextEdit (di Mac) atau editor teks sederhana lainnya untuk melakukan ini; jangan gunakan Word atau WordPad! Setelah kalian memahami prinsip-prinsip dasarnya, kalian dapat beralih ke program yang lebih canggih seperti Adobe Dreamweaver.

Langkah 2: Ketikkan beberapa kode HTML

Mulai dengan window baru dan ketikkan kode berikut :




    A simple HTML document


    

Hello World!

Langkah 3: Menyimpan file

Sekarang simpan file di desktop kalian dengan nama “myfirstpage.html”.

Catatan: Penting untuk menyimpannya menggunakan ekstensi .html – karena jika tidak beberapa teks editor, seperti Notepad, akan secara otomatis menyimpannya sebagai .txt.

Untuk membuka file di browser. Arahkan ke file kalian lalu klik dua kali maka akan otomatis terbuka di browser Web default kalian. Jika tidak, buka browser kalian dan drag file nya.

Penjelasan Kode

Kalian mungkin berpikir tentang apa kode tersebut. Baiklah, mari kita cari tahu.

  • Baris pertama adalah deklarasi tipe dokumen. Ini menginstruksikan browser web bahwa dokumen ini adalah dokumen HTML5. Tidak masalah tulisannya besar/kecil.
  • Elemen adalah wadah untuk tag yang memberikan informasi tentang dokumen, misalnya, tag dimana tag ini untuk judul dokumen.</li><li>Elemen <body> berisi konten aktual dokumen (paragraf, tautan, gambar, tabel, dan sebagainya) yang dirender di browser web dan ditampilkan kepada pengguna.</li></ul><p>Kalian akan belajar tentang berbagai elemen HTML secara rinci di bab-bab selanjutnya. Untuk saat ini, kita fokus pada struktur dasar dokumen HTML. </p><p><strong>Catatan:</strong> Deklarasi DOCTYPE muncul di bagian atas halaman web sebelum elemen-elemen  lainnya; namun deklarasi DOCTYPE itu sendiri bukan merupakan tag HTML. Setiap dokumen HTML memerlukan deklarasi DOCTYPE untuk memastikan bahwa halaman kalian akan ditampilkan dengan benar. </p><p><strong>Tips:</strong> Tag <html>, <head>, dan <body> membentuk kerangka dasar setiap halaman web. Konten di dalam tag <head> dan </head> tidak akan terlihat oleh pengguna dengan satu pengecualian: teks di tulis di antara tag <title> dan yang muncul sebagai judul pada tab browser.

    Tag HTML dan Elemen

    HTML ditulis dalam bentuk elemen HTML yang terdiri dari tag markup. Tag markup ini adalah karakteristik dasar dari HTML. Setiap tag markup terdiri dari kata kunci, diawali dan ditutup oleh tanda kurung sudut, seperti , , , ,

    , dan sebagainya.

    Tag HTML biasanya berpasangan seperti dan . Tag pertama sering disebut tag pembuka , dan tag kedua disebut tag penutup .

    Tag pembuka dan tag penutup identik, kecuali slash (/) setelah sudut pembuka tag penutup, untuk memberi tahu browser bahwa perintah telah selesai.

    Di antara tag awal dan akhir kalian dapat menempatkan konten yang sesuai. Misalnya, paragraf, yang diwakili oleh elemen p, akan ditulis :

    This is a paragraph.

    This is another paragraph.

    Kalian akan mempelajari berbagai macam variasi elemen HTML pada bab selanjutnya.

Dokumen html adalah sebuah format extensi file .html atau .htm dan mempunyai struktur dokumen html. B

Diperbaharui: 03 February 2021

Persiapan

Untuk membuat dokumen file HTML sebenarnya sangat mudah. Pertama-tama kita harus mempersiapkan sebuah peralatan yang akan kita pakai seperti Browoser. Berikut listnya:

  • Google Chrome
  • Internet Explored
  • Mozilla Firefox
  • Safari
  • Opera
  • dan yang lainnya.

Persiapkan juga teks editor seperti:

  • Notepad
  • Notepad++
  • Sublime Text
  • Atom
  • Visual Studio Code

Sangat disarankan jika Anda baru belajar HTML jangan menggunakan teks editor profesional seperti Sublime text, Visual Studio Code, Atom, Notepad++ dan yang lainnya.

Membuat dokumen file HTML

Selanjutnya, untuk membuat sebuah dokumen file HTML cukup dengan empat langkah sederhana saja, Berikut langkah-langkah yang harus Anda ikuti:

Langkah 1: buka notepad

Untuk pengguna Windows 8 atau ke atas:
Buka Layar Start (gambar jendela di bagian kiri bawah pada layar Anda). Ketik Notepad .

Untuk pengguna Windows 7 atau sebelumnya:
Buka Start > Programs> Accessories> Notepad




	Judul post



Hello Word

Paragraf pertama.

Berikut penjelasan disetiap baris code:


  • mendefinisikan jenis dokumen HTML.

  • mendefinisikan elemen akar pertama pada halaman HTML.

  • mendefinisikan berisi informasi header pada dokumen HTML.
  • </code><br>mendefinisikan judul halaman untuk dokumen HTML.<br></li><li><code>
    penutup tag title.

  • penutup tag head.

  • mendefinisikan berisi konten halaman yang akan terlihat.

  • penutup tag body.

  • penutup tag html.

Silakan Anda salin script di atas ke di file kosong dikomputer Anda.

Cara menggunakan apa ekstensi file html?

Langkah3: Simpan file HTML

Cara menggunakan apa ekstensi file html?


Simpan file yang tadi Anda buat: Pilih File> Save as.
Nama filenya bebas asal menggunakan extensi .html atau .htm sebagai contoh: “index.html” tanpa tanda kutip

Langkah 4: buka file HTML dengan browser

Buka file HTML yang tadi Anda buat dengan browser seperti: Google, Mozilla, Opera dll.

Hasilnya akan terlihat seperti ini:

Cara menggunakan apa ekstensi file html?

Daftar ringkasan

ElemenKegunaanya
mendefinisikan jenis dokumen HTML
mendefinisikan elemen akar pertama pada halaman HTML
mendefinisikan berisi informasi header pada dokumen HTML
</td><td>mendefinisikan judul halaman untuk dokumen HTML </td></tr><tr><td> penutup tag title
penutup tag head
mendefinisikan berisi konten halaman yang akan terlihat
penutup tag body
penutup tag html

Sebuah file HTML disimpan dengan ekstensi apa?

Bagaimana Cara Kerja HTML? File HTML diakhiri dengan ekstensi . html atau . htm.

Bagaimana cara menggunakan HTML?

Cara Membuat Halaman Web Sederhana dengan HTML.
Buka editor teks. ... .
Atur jenis dokumen untuk HTML. ... .
Tambahkan tab judul untuk halaman web kamu. ... .
Ketik di bawah tag "Head" yang tertutup. ... .
Selanjutnya membuat judul halaman. ... .
Tambahkan judul tambahan jika kamu mau. ... .
Membuat paragraf. ... .
Mengubah warna teks..

Langkah langkah membuat sebuah file dengan ekstensi HTML?

Langkah-langkahnya:.
Pelajari kode dasar HTML..
Pasang software text editor atau gunakan saja notepad..
3. Coba menulis dengan pengetahuan kode dasar HTML tersebut di text editor tadi..
4. Simpan dalam ekstensi HTML..
Buka dengan browser yang diinginkan..

Bagaimana cara membuka file HTML?

Tekan Ctrl + O untuk mengakses kotak dialog Open . Arahkan ke direktori yang berisi file yang ingin Anda buka, pilih dan klik Open . Terakhir, Anda juga dapat menarik dan melepas file HTML langsung ke tab dan Chrome akan memuat halaman secara otomatis.