Dasar Pemrograman web

Selasa, 03 Juni 2014

Elemen dan tag

Elemen dan Tag

Elemen memberi struktur dokumen HTML dan memberitahu browser bagaimana Anda ingin website Anda yang akan disajikan. Umumnya elemen terdiri dari tag awal, beberapa konten, dan tag akhir.

TAG

Tag adalah label yang Anda gunakan untuk mark up awal dan akhir dari suatu elemen.

Semua tag memiliki format yang sama: mereka mulai dengan tanda "<" dan diakhiri dengan tanda ">".

Secara umum, ada dua macam tag - tag pembuka: <html> dan tag penutup: </ html>. Satu-satunya perbedaan antara tag pembuka dan tag penutup adalah garis miring "/".
Contoh :
<em>Emphasised text.</em>

ada pengecualian untuk setiap aturan dan di HTML
pengecualian adalah bahwa ada beberapa
elemen yang baik membuka dan menutup pada tag yang sama.
Unsur-unsur yang kosong disebut tidak terhubung ke suatu bagian
tertentu dalam teks tetapi lebih merupakan label terisolasi,
misalnya, satu baris yang terlihat seperti ini: <br />.

dalam membuat tag pasti terpikirkan harus pake huruf besar atau keci??karena Kebanyakan browser mungkin tidak peduli jika Anda mengetik tag Anda dalam kasus atas, bawah atau campuran. <HTML>, <html> Atau <HTML> biasanya akan memberikan hasil yang sama. Namun, cara yang benar adalah dengan mengetikkan tag dalam huruf kecil. Jadi biasakan menulis tag Anda dalam huruf kecil.

Minggu, 01 Juni 2014

HTML IMG

maaf semua lama saya tidak mengetik kembali.
sekarang saya ingin berbagi ilmu saya kepada kalian semua tentang HTML IMG.
HTML IMG yaitu memberikan gambar atau picture di dalam halam web anda.
tanpa panjang lebar sekarang saya langsung tunjukan script nya
<img src="url" alt="some_text">
Dalam script HTML, gambar didefinisikan dengan tag <img>.

Tag <img> berarti mengandung atribut saja, dan tidak memiliki tag penutup.

Untuk menampilkan gambar pada halaman, Anda perlu menggunakan atribut src. Src singkatan dari "sumber". Nilai dari atribut src adalah URL dari gambar yang ingin ditampilkan.

HTML Images -Artibut
Alt atribut yang diperlukan menentukan sebuah teks alternatif untuk gambar, jika gambar tidak dapat ditampilkan.

Nilai atribut alt adalah teks penulis-didefinisikan:
<img src="smiley.gif" alt="Smiley face">

HTML Images - Mengatur Tinggi dan Lebar dari suatu Gambar
Atribut tinggi dan lebar yang digunakan untuk menentukan tinggi dan lebar dari suatu gambar.

Nilai atribut yang ditentukan dalam pixel
<img src="smiley.gif" alt="Smiley face" width="42" height="42">

itu saja yang dapat saya share dulu .

Jumat, 28 Maret 2014

Tutorial Form

Apa kabar para pembaca?kuharap kalian keadaanya baik saja..
kali ini saya akan berbagi ilmu tentang bagaimana caranya membuat formulir atau form di web.
kan biasanya kalo kita daftar sesuatu pasti kan di kasih formulir yang berupa kertas.kali ini saya akan membahas bagaimana membuat form di web.

HTML forms digunakan untuk melewatkan data ke server

HTML form dapat mengandung unsur-unsur masukan seperti text fields, checkboxes, radio-buttons, submit buttons dan sebagainya.dan form dapat berisi select lists, textarea, fieldset, legend,dan label elements.

HTML Forms
Tag <form> digunakan untuk membuat HTML Form

<form>
.
input elements
.
</form>

Text Fields

<input type="text"> mendefinisikan field input satu baris yang pengguna dapat memasukkan teks ke:

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">

</form>

Bagaimana kode HTML di atas terlihat dalam browser:

First name:
Last name:

Password Field

<input type="password"> mendefinisikan field kata sandi

<form>
Password: <input type="password" name="pwd">
</form>

Bagaimana kode HTML di atas terlihat dalam browser

Password:

Radio Buttons

Radio buttons membiarkan pengguna memilih HANYA SATU dari sejumlah pilihan

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>

Bagaimana kode tersebut terlihat di browser
Male
Female

Checkboxes

untuk memilih atau men chekmat suatu pilihan yang dipilih user

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>

bagaimana kode terlihat
I have a bike
I have a car

Submit Button

submit button di gunakan untuk mengirim data bila form sudah terisi

<form name="input" action="demo_form_action.asp" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>

Username: Submit

sekian dari tutorial ini ..

Kamis, 13 Maret 2014

Tutorial Dasar Pemrograman web

Hallo para pembaca!! pasti kalian bertanya bagaimana caranya membuat web yang bagus?iyakan.kalian datang pada tempat yang tepat. saya akan menjelaskan bagaimana cara nya membuat web yang baik.sebenarnya membuat web itu sangat mudah bila anda ingin mempelajarinya.
langsung saja ke topik
ini lagsung saja saya kasih script dasar untuk buat web
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
html=kalau buat web pastikan kita tulis <html> jika tidak, maka web tidak akan bisa dan pastikan ketik juga </html> kerana itu adalah sebagai penutup kalau kita udah buat web
body=ini adalah badan web atau tampilan yang akan ada di halaman web
h1=kalau ini adalah ukaran font nya h1 yang paling besar dan yang kecil h6
p=ini digunakan untuk membuat paragraph di web

jika anda ingin memasukan sebuah link dalam web anda, ini adalah scriptnya
<a href="http://www.w3schools.com">This is a link</a>
yang http://www.w3school.com itu adalah contoh alamat link

ini adalah script bila anda ingin memasukan gambar dalam web anda
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
dalam memasukan gambar,gambar haru typenya jpg

diatas adalah beberapa script dasar dalam pembuatan web.dan terimakasih buat anda semuanya yang udah datang pada blog saya terimakasih...