Bagaimana Anda mengedit teks dalam html?

Artikel ini ditulis bersama oleh staf penulis wikiHow, Travis Boylls. Travis Boylls adalah Penulis dan Editor Teknologi untuk wikiHow. Travis memiliki pengalaman menulis artikel terkait teknologi, menyediakan layanan pelanggan perangkat lunak, dan dalam desain grafis. Dia berspesialisasi dalam platform Windows, macOS, Android, iOS, dan Linux. Dia belajar desain grafis di Pikes Peak Community College

Artikel ini telah dilihat 118.009 kali

Belajarlah lagi

Jika Anda lebih suka membuat kode situs web secara manual, Anda dapat mengedit file HTML di editor teks dasar seperti Notepad (Windows) atau TextEdit (macOS). Jika Anda lebih suka memindahkan elemen di sekitar layar dan melihat pratinjau langsung, Anda dapat menggunakan editor WYSIWYG (What You See Is What You Get) seperti Dreamweaver atau Kompozer. Artikel wikiHow ini akan mengajarkan kepada Anda cara membuka dan mengedit berkas HTML pada aplikasi pengeditan standar atau visual

Langkah

1. Klik tombol Mulai Windows. Ini adalah tombol yang memiliki logo Windows di bilah tugas. Secara default, ini ada di pojok kiri bawah. Ini menampilkan menu Mulai

2. Ketik Notepad. Ini menampilkan Notepad di menu Mulai

3. Klik Notepad. Ikonnya menyerupai buku catatan dengan sampul biru

4. Klik Berkas. Itu ada di bagian atas bilah menu di Notepad. Ini menampilkan menu drop-down. Ini menampilkan browser file yang dapat Anda gunakan untuk membuka file di Notepad

5. Klik Buka. Ini adalah opsi kedua di menu drop-down File

6. Pilih "Semua file" di menu tarik-turun jenis file. Klik tarik-turun yang bertuliskan "Dokumen Teks (. txt)" dan pilih "All files" di menu drop-down. Ini menampilkan semua jenis dokumen (termasuk file HTML) di browser file

7. Pilih file HTML dan klik Buka. Ini membuka dokumen HTML di Notepad. Anda dapat mengedit kode HTML di Notepad

8. Mengedit kode HTML. Untuk mengedit HTML di Notepad, Anda harus mempelajari HTML agar dapat mengeditnya secara manual. Elemen umum yang dapat Anda edit meliputi yang berikut ini

   • Ini terjadi di bagian atas dokumen HTML. Ini memberi tahu browser web bahwa ini adalah dokumen HTML
   • Tag ini berada di bagian atas dan bawah dokumen HTML. Ini menunjukkan di mana kode HTML dimulai dan berhenti
   • Tag ini berada di bagian atas dokumen HTML. Mereka menunjukkan di mana kepala dokumen HTML dimulai dan berhenti. Kepala dokumen HTML berisi informasi yang tidak terlihat di halaman web. Ini termasuk judul halaman, metadata, dan CSS
   • Judul halaman. Tag ini menunjukkan judul halaman. Judul diletakkan di kepala dokumen HTML. Ketikkan judul halaman di antara kedua tag ini
   • Tag ini menunjukkan di mana badan dokumen HTML dimulai dan berhenti. Tubuh adalah tempat semua konten halaman web ditulis. Tubuh datang setelah kepala dalam dokumen HTML
   • Teks Judul. Tag ini membuat tag judul. Teks di antara tag "" dan "" muncul sebagai teks tebal besar. Teks masuk dalam tubuh dokumen HTML

   • Teks paragraf

     Tag ini digunakan untuk membuat teks paragraf dalam dokumen HTML. Teks yang berada di antara "

     " Dan "

     " muncul sebagai teks berukuran normal. Teks masuk dalam tubuh dokumen HTML
   • Teks tebal. Tag ini digunakan untuk membuat teks tebal. Teks yang berada di antara "" dan "" muncul sebagai teks tebal
   • Teks Miring. Tag ini digunakan untuk membuat teks miring. Teks yang berada di antara "" dan "" muncul sebagai teks miring
   • Teks tautan. Tag ini digunakan untuk menautkan ke situs web lain. Salin alamat web yang ingin Anda tautkan dan tempel di tempat yang bertuliskan "URL" (di antara tanda kutip). Teks untuk tautan yang bertuliskan "Teks tautan" (tidak perlu tanda kutip)
   • Tag ini digunakan untuk memposting gambar menggunakan HTML. Ganti teks yang bertuliskan "URL gambar" dengan alamat web gambar

9. Klik Berkas. Itu ada di bilah menu di bagian atas layar

10. Klik Simpan Sebagai. Ini membuka kotak dialog yang dapat Anda gunakan untuk menyimpan file Anda

    • Untuk menyimpan file seperti nama dan jenis file yang ada, cukup klik Simpan di menu drop-down di bawah "File"

11. Pilih "Semua File". Gunakan menu drop-down di sebelah Save as Type" untuk memilih "All Files"

12. Ketik nama untuk file. Gunakan kotak di samping "Nama File" untuk mengetikkan nama file

13. Jenis. html di akhir file. Setelah Anda mengetik nama file di kotak "File Name", tambahkan ekstensi ". html" di akhir nama file. Tanpa ekstensi ini, itu akan menyimpan file sebagai. txt file, bukan file HTML

14. Klik Simpan. Ini menyimpan file

1. Klik ikon kaca pembesar. Letaknya di pojok kanan atas desktop Mac. Ini menampilkan bilah pencarian

2. Ketik TextEdit di bilah pencarian. Ini menampilkan daftar aplikasi yang cocok dengan hasil pencarian Anda

3. Klik Edit Teks. aplikasi. Itu ada di bagian atas hasil pencarian. Itu di sebelah ikon yang menyerupai selembar kertas dan pena

4. Klik Berkas. Itu ada di bilah menu di bagian atas layar saat TextEdit terbuka

5. Klik Buka. Ini membuka browser file yang dapat Anda gunakan untuk menavigasi Mac Anda dan membuka file

6. Klik file HTML dan klik Buka. File HTML memiliki ekstensi yang bertuliskan ". html" setelah nama file. Gunakan browser file untuk menavigasi ke file HTML dan klik untuk memilihnya. Kemudian klik Buka untuk membuka file HTML di TextEdit

7. Mengedit kode HTML. Anda dapat menggunakan TextEdit untuk mengedit kode HTML saat dibuat. Anda perlu mempelajari HTML agar dapat mengeditnya dengan tangan. Elemen umum yang dapat Anda edit meliputi yang berikut ini

   • Ini terjadi di bagian atas dokumen HTML. Ini memberi tahu browser web bahwa ini adalah dokumen HTML
   • Tag ini berada di bagian atas dan bawah dokumen HTML. Ini menunjukkan di mana kode HTML dimulai dan berhenti
   • Tag ini berada di bagian atas dokumen HTML. Mereka menunjukkan di mana kepala dokumen HTML dimulai dan berhenti. Kepala dokumen HTML berisi informasi yang tidak terlihat di halaman web. Ini termasuk judul halaman, metadata, dan CSS
   • Judul halaman. Tag ini menunjukkan judul halaman. Judul diletakkan di kepala dokumen HTML. Ketikkan judul halaman di antara kedua tag ini
   • Tag ini menunjukkan di mana badan dokumen HTML dimulai dan berhenti. Tubuh adalah tempat semua konten halaman web ditulis. Tubuh datang setelah kepala dalam dokumen HTML
   • Teks Judul. Tag ini membuat tag judul. Teks di antara tag "" dan "" muncul sebagai teks tebal besar. Teks masuk dalam tubuh dokumen HTML

   • Teks paragraf

     Tag ini digunakan untuk membuat teks paragraf dalam dokumen HTML. Teks yang berada di antara "

     " Dan "

     " muncul sebagai teks berukuran normal. Teks masuk dalam tubuh dokumen HTML
   • Teks tebal. Tag ini digunakan untuk membuat teks tebal. Teks yang berada di antara "" dan "" muncul sebagai teks tebal
   • Teks Miring. Tag ini digunakan untuk membuat teks miring. Teks yang berada di antara "" dan "" muncul sebagai teks miring
   • Teks tautan. Tag ini digunakan untuk menautkan ke situs web lain. Salin alamat web yang ingin Anda tautkan dan tempel di tempat yang bertuliskan "URL" (di antara tanda kutip). Teks untuk tautan yang bertuliskan "Teks tautan" (tidak perlu tanda kutip)
   • Tag ini digunakan untuk memposting gambar menggunakan HTML. Ganti teks yang bertuliskan "URL gambar" dengan alamat web gambar

8. Klik Berkas. Itu ada di bilah menu di bagian atas layar

9. Klik Simpan. Itu ada di menu drop-down di bawah "File". Ini menyimpan file HTML

   • Untuk mengubah nama file, klik Ubah nama di menu tarik-turun "File". Ketik nama baru untuk file di bagian atas layar. Pastikan untuk menyertakan ". html" di bagian atas halaman

1. Buka Dreamweaver. Dreamweaver memiliki ikon berbentuk kotak hijau bertuliskan "Dw" di tengahnya. Klik ikon di menu Mulai Windows, atau folder Aplikasi di Mac untuk membuka Dreamweaver

   • Adobe Dreamweaver membutuhkan langganan. Anda dapat membeli langganan mulai dari $20. 99 sebulan

2. Klik Berkas. Itu ada di bilah menu di bagian atas layar

3. Klik Buka. Itu ada di menu drop-down di bawah "File"

4. Pilih dokumen HTML dan klik Buka. Gunakan browser file untuk memilih dokumen HTML di komputer Anda dan klik untuk memilihnya. Kemudian klik Buka di sudut kanan bawah

5. Klik Pisahkan. Ini adalah tab tengah di bagian atas halaman. Ini menampilkan layar terbagi yang berisi editor HTML di bagian bawah dan layar pratinjau di bagian atas

6. Mengedit dokumen HTML. Gunakan editor HTML untuk mengedit HTML. Cara mengedit HTML di Dreamweaver tidak jauh berbeda dengan mengedit HTML di Notepad atau TextEdit. Saat Anda mengetik tag HTML, menu pencarian akan muncul dengan tag HTML yang cocok. Anda dapat mengklik tag HTML untuk memasukkan tag pembuka dan penutupnya. Dreamweaver akan memeriksa untuk memastikan ada tag pembuka dan penutup untuk semua elemen HTML Anda

   • Sebagai alternatif, Anda dapat mengeklik di mana Anda ingin menyisipkan elemen HTML di editor HTML dan mengeklik Sisipkan di bilah menu di bagian atas layar. Klik item yang ingin Anda sisipkan di menu drop-down untuk menambahkan kode HTML secara otomatis

7. Klik Berkas. Setelah selesai mengedit dokumen HTML, klik File di bilah menu di bagian atas layar

8. Klik Simpan. Itu ada di menu drop-down di bawah File. Ini menyimpan dokumen HTML Anda

1. Buka https. // sourceforge. net/projects/kompozer/ di browser web. Anda dapat menggunakan browser web apa pun di PC atau Mac. Ini adalah halaman unduh untuk Kompozer. Ini adalah editor HTML (WYSIWYG) gratis yang berfungsi di Windows dan Mac

2. Klik Unduh. Tombol hijau ini berada di bagian atas halaman. Ini membawa Anda ke halaman unduhan terpisah. Setelah penundaan 5 detik, unduhan Anda akan dimulai

3. Klik dua kali file Instal. Secara default, file unduhan Anda dapat ditemukan di folder "Unduhan" di PC atau Mac. Anda juga dapat mengkliknya di browser web untuk meluncurkan penginstal Kompozer. Gunakan instruksi berikut untuk menginstal Kompozer

   • Windows
     • Jika ditanya apakah Anda ingin mengizinkan penginstal membuat perubahan pada sistem Anda, klik Ya
     • Klik Berikutnya di jendela intro
     • Klik tombol radial di samping "I accept the agreement" dan klik Next
     • Klik Berikutnya untuk menggunakan lokasi penginstalan default atau klik Telusuri untuk memilih lokasi penginstalan yang berbeda
     • Klik Next dan kemudian klik Next lagi
     • Klik Instal
     • Klik Selesai
   • Mac
     • Klik dua kali file instalasi Kompozer
     • Klik KompoZer. aplikasi
     • Klik ikon Apple di pojok kiri atas
     • Klik Preferensi Sistem
     • Klik Keamanan dan Privasi
     • Klik tab Umum
     • Klik Tetap Buka di dekat bagian bawah jendela
     • Klik Buka di Jendela pop-up
     • Seret ikon Kompozer ke desktop Anda
     • Buka Pencari
     • Klik folder Aplikasi
     • Seret ikon Kompozer dari desktop ke folder Aplikasi

4. Buka Kompozer. Gunakan langkah-langkah berikut untuk membuka Kompozer di PC atau Mac

   • Windows
     • Klik menu Mulai Windows
     • Ketik "Komposer"
     • Klik dua kali ikon Kompozer
   • Mac
     • Klik ikon kaca pembesar di pojok kanan atas
     • Ketik "Kompozer" di bilah pencarian
     • Klik dua kali Kompozer. aplikasi

5. Klik Berkas. Itu ada di bilah menu di bagian atas aplikasi

6. Klik Buka File. Ini adalah opsi kedua pada menu drop-down di bawah "File". Ini membuka browser file yang dapat Anda gunakan untuk memilih file HTML terbuka

7. Klik file HTML dan klik Buka. Ini membuka file HTML di Kompozer

8. Klik Pisahkan. Ini adalah tab tengah di bagian atas halaman. Ini menampilkan layar terbagi yang berisi editor HTML di bagian bawah dan layar pratinjau di bagian atas

   • Anda mungkin perlu memperbesar aplikasi agar memiliki lebih banyak ruang untuk bekerja

9. Mengedit dokumen HTML. Layar kode sumber HTML ada di bagian bawah, Anda dapat menggunakan layar ini untuk mengedit HTML dengan cara yang sama seperti di Notepad atau TextEdit. Anda juga dapat menggunakan layar pratinjau untuk mengedit HTML menggunakan langkah-langkah berikut

   • Gunakan menu tarik-turun di sudut kanan atas untuk memilih jenis teks (mis. e Heading, paragraf, dll}
   • Klik dan ketik untuk menambahkan teks
   • Gunakan tombol pada panel di bagian atas layar untuk menambahkan huruf tebal, miring, perataan teks, indentasi, atau daftar ke teks Anda
   • Klik kotak berwarna pada panel di bagian atas layar untuk mengubah warna teks
   • Klik ikon Gambar di bagian atas layar untuk menambahkan gambar ke dokumen HTML Anda
   • Klik ikon yang menyerupai mata rantai untuk menambahkan tautan ke dokumen HTML Anda

10. Klik ikon Simpan. Setelah Anda selesai membuat perubahan pada dokumen Anda, klik ikon Simpan di bagian atas layar. Itu di bawah ikon yang menyerupai floppy disk. Ini menghemat pekerjaan Anda

    Bagaimana memformat teks dalam HTML?

    Elemen Pemformatan HTML .

    - Teks tebal

    - Teks penting

    - Teks miring

    - Teks yang ditekankan

    - Teks yang ditandai

    - Teks lebih kecil

    - Teks yang dihapus

    - Teks yang disisipkan

    Bagaimana cara mengedit HTML di komputer saya?

    Gunakan Editor Teks Biasa . Buka Word dan klik Buka, dan pilih file yang ingin Anda edit. Buat perubahan yang diperlukan pada file Anda menggunakan HTML. Klik Lihat dan pilih sumber HTML untuk melihat halaman web dalam kode HTML.

    Bagaimana cara mengedit kode HTML di Chrome?

    Bagaimana cara mengedit HTML di Chrome? .

    Buka Alat Pengembang Chrome

    Saat alat pengembang aktif, klik kanan elemen yang ingin Anda edit dan pilih Periksa untuk melihat kode HTML-nya. .

    Klik kanan pada kode HTML dan tekan Edit sebagai HTML, dan sekarang Anda dapat mengedit HTML elemen ini di Chrome