XHTML atau HyperText Markup Language seperti yang ini atau dikenal adalah bahasa untuk menampilkan halaman web pada berbagai teknologi dari ponsel ke PC, TV web, Wii Shop Channel dan perangkat banyak lagi. Ini didasarkan pada struktur penandaan sederhana di mana Anda menandai area teks atau kode seperti misalnya:
Dasar XHTML Tags
| Tag | Fungsi |
|---|
| <p> | Fomat tertutup teks sebagai paragraf |
| <strong> | Membuat teks tebal tertutup muncul |
| <em> | Membuat teks miring tertutup muncul |
| <u> | Garis bawahi teks tertutup |
| <img> | Tampilkan gambar yang |
| <title> | Buat judul |
| <h1> | Format tertutup teks sebagai header 1 tingkat |
dan masih banyak lagi yang kita akan membahas nanti ke dalam tutorial ini.
Aku bisa terus tentang bagaimana bahasa muncul dan referensi itu untuk SGML, dll, dll tapi itu tidak benar-benar penting untuk belajar tentang hal itu. Mari kita lurus dengan halaman web pertama kami (kode di bawah ini)
Halaman web pertama Kode
<html>
<head>
<title>My First web page</title>
</head>
<body>
<p>Hello Internet!</p>
</body>
</html>
Copy dan paste kode kotak ke kiri ke dalam editor teks pilihan Anda.
(Untuk saat ini program yang sederhana seperti Notepad akan cukup tapi kemudian Anda mungkin ingin mempertimbangkan untuk men-download salinan Programmer Notepad atau mungkin TextPad Keduanya memiliki fitur Kode menyoroti yang benar-benar membantu!)
Kemudian simpan file dengan nama index.html di komputer Anda di suatu tempat dan membukanya dalam browser web pilihan Anda. Saya lebih suka Firefox tapi salah satu sedikit terakhir yang harus dilakukan.
Pengguna Notepad pastikan untuk mengubah jenis file untuk Anda * *,. Tidak *. Txt atau (Text File). Ini akan menghasilkan file yang bernama index.html.txt yang tidak benar.
Dengan asumsi Anda telah menyimpan file dengan nama yang benar Anda mungkin akan mendapatkan sesuatu seperti ini ditampilkan pada browser Anda
Groovy! Anda telah membuat halaman web pertama Anda. Sekarang, mari kita lihat lagi di kode di belakang itu lebih terinci.
Halaman web pertama Kode Penjelasan
<html>
<head>
<title>My First web page</title>
</head>
<body>
<p>Hello Internet!</p>
</body> </html> <html> tag
Tag ini membantu untuk mengidentifikasi halaman web sebagai halaman web dan wajib pada semua halaman di awal dan akhir kode halaman web.
<html> <head>
<title>My First web page</title> </head>
<body>
<p>Hello Internet!</p>
</body>
</html> <head> tag
Bagian header dari dokumen dan sekali lagi, setiap halaman web harus memiliki ini di atasnya, setelah tag XHTML pembukaan. Ini dapat digunakan untuk berisi informasi tentang dokumen persidangan seperti itu ... menunggu untuk itu ...
<html>
<head> <title>My First web page</title>
</head>
<body>
<p>Hello Internet!</p>
</body>
</html> <title> tag
Ya, Anda dapat menebaknya, tag ini aptly bernama adalah untuk judul dari halaman web yang bersangkutan. Lagi adalah wajib untuk setiap halaman web memiliki judul. Idealnya satu yang relevan dengan isi di dalam area utama atau tubuh.
<html>
<head>
<title>My First web page</title>
</head> <body>
<p>Hello Internet!</p> </body>
</html> <body> tag
Dimana kita mulai menampilkan teks, gambar, video, flash film dan banyak hal yang lebih menyenangkan. Ya, itu juga wajib untuk setiap halaman web untuk memiliki salah satu, jika tidak, apa yang akan menjadi titik memiliki halaman web dengan konten tidak!
<html>
<head>
<title>My First web page</title>
</head>
<body> <p>Hello Internet!</p>
</body>
</html> <p> tag
Sebuah paragraf teks. Oke, saya kira saya menekuk aturan di sini, "Halo Internet!" Hampir tidak paragraf teks tetapi melayani tujuan itu baik Dalam menampilkan teks sebagai paragraf.
Kesalahan Pemula
Mudah-mudahan Anda akan menyadari bahwa menggunakan tag XHTML membuka dan menutup untuk mendefinisikan elemen itu dan bahwa dapat berlapis dalam satu sama lain. Sebagai contoh:
Kode berikut ini bagus dan valid dan menampilkan sendiri dengan benar.
<p> <strong>Hello</strong> Internet!</p>
Sedangkan kode berikut (sementara itu masih akan bekerja di browser modern) tidak benar dan dapat mengakibatkan kesalahan tata letak atau tampilan dalam dokumen.
<p> <strong>Hello Internet!</p></strong>
Anda harus memastikan bahwa tag batin dalam tag luar ditutup sebelum menutup tag luar dan tidak dibiarkan tumpang tindih satu sama lain.
Cara terbaik untuk mempelajari lebih lanjut adalah untuk bermain-main dengan beberapa tag.
Coba gunakan tag berikut untuk membuat teks tubuh lebih menarik.
Dasar XHTML Tags
| Tag | Fungsi |
|---|
| <strong> Teks </ strong> | Akan membuat teks dalam tag muncul Bold |
| <em> Teks </ em> | Akan membuat teks di dalam tag muncul di Cetak miring |
| <u> Teks </ u> | Akan menggarisbawahi teks di dalam tag |
| Teks </ p> | Akan membuat teks di dalam tag muncul dalam sebuah paragraf. |
Dan, hanya untuk bonus, menutup diri berikut tag akan melakukan hal berikut:
Self-Penutupan XHTML Tags
| Tag | Fungsi |
|---|
| <br /> | Akan melakukan satu baris dan carriage return
(Misalnya menekan tombol enter) |
| <hr /> | Apakah Tambahkan Peraturan horizontal untuk dokumen.
|