Senin, 07 Januari 2013

Bermain dengan HTML

Di bawah ini saya akan mencakup beberapa HTML sederhana - bahasa dimana seseorang dapat membuat huruf miring dan tebal, dan bahkan melakukan link . Catatan: ini dapat berguna pada beberapa papan pesan web yang memungkinkan format HTML - Anda dapat terlihat seperti pro nyata dalam posting papan pesan Anda. (Jika Anda ingin menjadi serius tentang HTML, ada buku-buku dan situs yang lebih rinci tersedia, seperti Design.2 HTML Kreatif oleh Lyda Weinman dan William Weinman.)
Anda dapat bermain-main dengan HTML pada mesin Windows bahkan jika Anda tidak memiliki sebuah server web - karena file tersebut duduk di sana pada mesin Anda dan browser web Anda dapat membacanya di sana. Orang yang dapat mengakses komputer Anda melalui jaringan lokal mungkin juga dapat melihat file - dan itu bisa termasuk orang yang masuk ke mesin Anda!
Tapi secara umum, jika Anda ingin halaman web untuk dilihat di internet oleh orang lain, Anda memerlukan server web untuk "melayani sampai" seperti itu stasiun transmisi TV. Namun, pengaturan server web adalah cara di luar lingkup dokumen ini. Mari kita hanya menempel HTML di sini ....
Hari-hari Microsoft Word secara otomatis akan mengkonversi hal-hal seperti huruf tebal dan URL dan jeda baris dan seterusnya ke HTML ... yang dapat menjadi nyaman tetapi itu tidak menyenangkan banyak, dan itu juga berarti Word tidak akan mengenali kode HTML Anda sebagai HTML, dan kode HTML mereka penuh cruft acak yang menyatakan Firman yang menulisnya. Mengetahui HTML mentah masih berguna di papan pesan internet banyak dan editor situs web. Untuk menghindari Word "membantu HTML-ifying," menyarankan saya menggunakan WordPad atau NotePad sebagai gantinya.
Jadi, silakan, membuka dokumen teks dalam WordPad atau NotePad dan bermain-main, dan kemudian melihat hasilnya di web browser Ingat bahwa nama file berakhir di htm (Windows). Atau.. Html (UNIX) sehingga Anda Browser tahu itu HTML. Untuk Windows, setelah Anda selesai membuat. htm file Anda, simpan saja dan double klik pada icon dalam folder, dan Explorer akan secara otomatis menampilkannya.

Beberapa HTML Contoh

Berikut adalah beberapa bit sederhana HTML untuk mencoba.

Menggarisbawahi, Bold, Miring, New Garis

Untuk menggarisbawahi Anda memulai bagian yang harus digarisbawahi dengan <u> dan kemudian mengakhiri bagian dengan </ u>. Jadi <u> foobar </ u> hasil foobar. <b> tebal </ b> yang berani, <i> italic </ i> adalah italic. (Pastikan untuk menggunakan garis miring "/" di </ i>) Untuk memulai baris baru (baris istirahat)
Anda hanya dapat menggunakan <br> ...
Seperti ini.
Cara orang malas menempatkan dalam garis ruang ekstra adalah dengan menggunakan <p>
Seperti ini (catatan baris kosong di bawah ini).
(Perhatikan bahwa pada beberapa papan pesan atau situs web online editing, hanya menempatkan di garis ekstra dengan menekan "Enter" sudah cukup untuk meninggalkan garis Jika Anda harus resor untuk menggunakan <p>..)

Membuat Links

Untuk membuat link, Anda menggunakan format ini: <a href="URL Here">Visible Name</a> ... sehingga untuk link ke halaman ini dari situs Anda, Anda mungkin menempatkan sebagai: <a href="http://www.mit.edu/people/rei/wwwintro.html">Rei's ancient WWW intro</a>
(Jangan lupa http:// bagian, dengan kedua garis miring ke depan! Juga, Anda tidak perlu "" sekitar URL lagi, tapi aku punya kebiasaan lama.)
Pokoknya, HTML di atas keluar sebagai:
Rei kuno WWW intro

Menambahkan Gambar

Anda dapat dimasukkan ke dalam gambar-gambar cantik dengan metode ini: <img src="image URL">
Jadi, sebagai contoh (menggunakan salah satu gambar offsite saya):
<img src="http://www.art.net/Studios/Visual/Rei/DarkWoodsOwl-mini.JPG">
menghasilkan [Anda akan melihat burung hantu kecil saya gambar]:

Gambar dan Link

Dan saya bisa membuat gambar sendiri link ke tempat lain dengan cara ini (ini akan pergi ke halaman yang berbeda): <a href="http://www.art.net/Studios/Visual/Rei/woodsowl.html"> <img src="http://www.art.net/Studios/Visual/Rei/DarkWoodsOwl-mini.JPG">My Owl Picture</a>
 

Nah, itu tentang hal itu ...

Nah, jika Anda telah datang sejauh ini, dan Anda mulai mengerti, saya harus mengucapkan selamat kepada Anda untuk mengarungi semua penjelasan. Saya berharap halaman ini berguna bagi Anda. Ketika saya pertama kali menulis halaman ini, itu kembali pada hari-hari ketika Mosaic adalah browser utama, dan orang-orang secara rutin bingung Mosaic dengan Web sendiri ("Apa ini hal Mosaic aku mendengar tentang?"). Waktu itu, saya pikir halaman ini menjabat sebagai pengenalan berguna untuk Web untuk mengejutkan banyak orang. Hari-hari ini, dengan URL memercik di TV dan radio dan billboard, mungkin ada jauh lebih sedikit dari kebutuhan untuk halaman seperti ini. Namun, hanya dalam kasus, ini dia.
Nikmati World Wide Web!
PS <hr> menghasilkan garis datar yang bagus:

Tidak ada komentar:

Posting Komentar