Tulis dalam HTML: Konsep Dasar HTML

Ini Lebih Mudah Dari Yang Anda Pikirkan

CMS yang bagus mempermudah memposting artikel ke situs web Anda. Tapi apa sebenarnya yang kamu posting? Beberapa paragraf teks. Dan jika teks itu tidak diformat dengan benar, artikel Anda yang indah akan terlihat rusak di situs web Anda.

Kabar baiknya: jika Anda belajar menulis dalam HTML, artikel Anda akan terlihat bagus. Dengan beberapa konsep dasar, Anda akan menulis dalam HTML dalam waktu singkat.

HTML: Bahasa Browser Web

"HTML" berarti "HyperText Markup Language." Pada dasarnya, ini adalah bahasa untuk menandai teks Anda, sehingga dapat melakukan hal-hal mewah seperti tampilan tebal atau tautan ke beberapa situs lain.

HTML adalah bahasa dasar browser Anda. Kami menggunakan banyak bahasa pemrograman untuk Internet (PHP, Perl, Ruby, dan lainnya), tetapi mereka semua akhirnya memuntahkan HTML. (Yah, atau JavaScript, tapi mari kita tetap sederhana ini.)

Browser Anda mengambil HTML, dan membuatnya menjadi halaman web yang cantik.

Belajar menulis dalam HTML, dan Anda akan tahu persis apa yang Anda katakan kepada browser untuk dilakukan.

HTML Menandai Teks Biasa

HTML adalah bahasa markup , jadi sebagian besar "HTML" hanyalah teks biasa. Misalnya, ini adalah HTML yang sangat baik:

Halo. Saya adalah HTML. Menyenangkan. Ya. Luar biasa.

Tapi tunggu, katamu. Itu tidak terlihat seperti bahasa komputer ! Terlihat seperti bahasa Inggris!

Iya nih. Sekarang Anda tahu rahasia besarnya. HTML (bila digunakan dengan benar) adalah teks yang dapat dibaca.

Belajar dari Pengalaman Prosesor Kata Anda

Tentu saja, kami ingin lebih dari sekadar teks biasa. Kami ingin, katakanlah, cetak miring .

Anda sudah tahu cara mendapatkan cetak miring dalam program pengolah kata (seperti Microsoft Word, atau LibreOffice gratis). Anda menekan tombol I kecil.

Semua yang Anda ketik sejak saat itu ditulis miring. Anda dapat mengetik untuk halaman. Bagaimana Anda menghentikan festival penekanan ini? Tekan tombol I lagi. Sekarang font Anda kembali normal.

Jika Anda kembali ke tengah kata-kata yang dicetak miring dan menambahkan beberapa teks, itu juga akan dicetak miring. Ada semacam zona miring antara titik awal, di mana Anda "menyalakan" huruf miring, dan titik akhir, di mana Anda mematikannya.

Sayangnya, titik akhir ini tidak terlihat.

Endpoint yang tidak terlihat dapat menyebabkan banyak rasa sakit. Sangat mudah untuk mematikan miring, lalu membuat beberapa kesalahan dengan kursor dan menemukan Anda masih dalam huruf miring. Anda mencoba untuk mematikannya lagi, tetapi entah bagaimana Anda pindah lagi , sehingga mematikannya benar-benar mengubah mereka ... itu berantakan.

Penggunaan HTML & # 34; Tag & # 34;

HTML juga menggunakan titik akhir. Perbedaannya adalah Dalam HTML, Anda dapat melihat titik akhir ini. Anda ketik mereka. Mereka disebut tag .

Katakanlah Anda ingin merapikan contoh sebelumnya. Anda ingin mencetak miring kata "Menyenangkan." Anda akan mengetikkan Menyenangkan . Seperti ini:

Halo. Saya adalah HTML. Menyenangkan . Ya. Luar biasa.

Anda akan menyimpannya di editor teks Anda, lalu salin dan tempel HTML ke kotak "artikel baru" di CMS Anda. Ketika browser menunjukkan halaman, akan terlihat seperti ini:

Halo. Saya adalah HTML. Menyenangkan . Ya. Luar biasa.

Tidak seperti pengolah kata, Anda tidak melihat huruf miring saat Anda mengetiknya. Anda mengetikkan tag. Browser membaca tag, membuatnya tidak terlihat, dan mengikuti instruksi mereka.

Hal ini dapat mengganggu untuk melihat semua tag itu, tetapi editor teks yang tepat membuat ini lebih mudah.

Pembukaan dan Penutupan Tag

Lihatlah lagi pada tag dan . The menyala miring, sama seperti klik pertama tombol I. The dimatikan miring, seperti klik kedua Anda.

Alih-alih mengklik tombol, Anda mengetikkan tag kecil. Tag pembuka untuk memulai huruf miring, tag penutup untuk menghentikannya.

Perhatikan perbedaan antara tag. Penutupan memiliki /, sebuah garis miring. Semua tag penutup dalam HTML akan memiliki garis miring itu.

Jangan Lupakan Tag Penutupan

Tag penutup agak penting. Bagaimana jika Anda lupa penutupan , seperti ini?

Halo. Saya adalah HTML. Menyenangkan. Ya. Luar biasa.

Ini seperti Anda lupa mengklik I lagi untuk mematikan tulisan miring. Anda akan mendapatkan ini:

Halo. Saya adalah HTML. Menyenangkan. Ya. Luar biasa.

Satu tag yang tidak terjawab dapat mengubah seluruh artikel Anda, atau bahkan sisa halaman lainnya, menjadi sungai miring.

Ini mungkin merupakan kesalahan pemula yang paling mudah dan paling menakutkan yang bisa Anda buat. Tapi mudah diperbaiki. Cukup masukkan tag penutup.

Sekarang Pelajari Beberapa Tag

Selamat! Anda mengerti HTML dasar!

Teks biasa ditandai dengan tag pembuka dan penutup. Itu cukup banyak.

Sekarang, pelajari beberapa tag HTML dasar. (Anda mungkin ingin mendapatkan editor teks yang layak terlebih dahulu.)