Home Posts filed under Website
Showing posts with label Website. Show all posts
Showing posts with label Website. Show all posts

Wednesday, December 9, 2015

Tag Tag HTML Beserta Fungsinya

Comment

Yho sobat Komputer-Seneng setelah postingan saya tentang Struktur Dasat HTML sekarang saya mau lanjut nih kasih pengenalan nih tentang tag-tag nya dalam HTML. Tag HTML adalah suatu pilihan bentuk gaya yang sudah ada pada setiap HTML dan hanya perlu di panggil dengan cara membuat tulisan <..> lalu d tutup menggunakan </..> NB : saya menggunakan Notepad++ untuk belajar tentang HTML.

  1. Judul / Header
    judul atau header biasnya digunakan untuk membuat tulisan menjadi lebih besar atau lebih kecil seperti <h1> sangat besar </h1>
    contoh :
    <h1>Sbesar<h1>
    <h2>Besar</h2>
    <h3>Normal</h3>
    <h2>Kecil</h2>
    <h1>skecil</h1>
  2. Tebal / Bold
    Ketebalan atau bold ini berfungsi untuk membuat tulisan menjadi lebih tebal kode untuk tag ini adalah
    contoh :
    <b>bold</b>
    hasil:
    bold
  3. Miring / Italic
    tulisan miring atau italic dapat membuat tulisan menjadi agak miring tag ini di buat menggunakan.
    contoh :
    <i>miring</i>
    hasil :
    miring
  4. Garis bawah / Underline
    underline berfungsi untuk menambahkan sebuah garis di bawah text code tag nya adalah
    contoh :
    <u>di garis bawah</u>
    hasil :
    di garis bawah
  5. Paragraf / Paragraph
    seperti namanya tag ini berfungsi untuk membuat sebuah paragraf untuk bagian paragraf yang baru kode untuk tag ini adalah <p> ... </p>
    contoh :
    <p> paragraph
    </p>
    hasil:
     paragraph
  6. Ganti Baris
    Ganti baris di gunakan untuk membuat baris baru di bawah teks yang baru anda ketik. Tag ganti baris adalah <br> tanpa perlu di tutup.
    Contoh :
    halo sobat<br>seneng-komputer
    Hasil :
    halo sobat
    seneng-komputer
  7. Table
    Digunakan untuk membuat sebuah tabel kotak kotak yang biasanya anda buat seperti di Ms. excel. tag table adalah <table border="1"> lalu <tr> untuk membuat baris lalu <th> membuat jumlah kolom dalam baris dan di tutup dengan </th> dan jika hanya satu kolom yang ingin di buat bisa di tutup laig dengan </tr> dan </table>
    Hasil :
belajar tabel

ok itu aja dulu, buat kelanjutannya tunggu saja postingan dari saya jangan lupa share sama komen donk buat tinggalin jejak, hehehe. sekian dulu Terimakasih.

Membuat Web HTML Sederhana

Comment
membuat web sederhana html


HTML (Hyper Text Markup Language) adalah file text murni yang dapat dibuat dengan editor teks sembarang. HTML ini berisi instruksi-instruksi yang kemudian diterjemahkan oleh browser yang ada di komputer sehingga isi informasinya dapat ditampilkan secara visual di komputer.

Mengenal Struktur Dasar HTML :
  • HTML
    Setiap dokumen HTML selalu diawali <HTML> dan ditutup dengan tag </HTML>.
  • HEAD
    Bagian head biasanya berisikan tag <TITLE>JUDUL</TITLE>, meta tag dan semua script java atau yang lain yang akan dieksekusi di browser. Dibagian inilah kita memberikan bookmark untuk keperluan pencarian (searching) dengan keyword. diawali dengan <head> dan </head>
  • BODYBagian body digunakan untuk emnampilkan text, image link dan semua yang akan ditampilkan pada web page. diawali dengan <body> dan di tutup dengan </body>
Software Pembuat web HTML
 - Adobe Dreamweaver
 - NVU
 - Notepad
 - Notepad ++

Berikut Cara Membuat Web HTML Sederhana:

1. buka Notepad (pasti ada)

2. tuliskan kode program di bawah ini

<html>

<head>

<title>
belajar web
</title>

</head>

<body>

HALO WORLD !

</body>

</html>

Lalu simpan (CTRL+S) ubah Save as type menjadi (All Files), pada bagian belakang nama ditambahi .html lalu Save

Hasil : 

Gimana sobat SenengKomputer? sekarang udah tahu kan caranya membuat Web Dasar di HTML. cukup sekian dulu yah, tunggu juga posting berikutnya cara membuat website dari awal hingga akhir Terimakasih.

Sunday, March 22, 2015

Tag Form Pada HTML

Comment
ok guys apa itu Form ? Form adalah salah satu bentuk halaman web yang di gunakan untuk menerima masukan dari penggunanya, masukan dari pengguna tersebuh diolah menggunakan bahasa pemrograman website back secara server side scripting(JSP, PHP) ataupun client-side scripting(javascript). form juga berguna untuk membuat web login, penjualan, pendaftaran, transaksi dan lain lain.
Format dalam penulisan Form
<form> awal
.....
.....
.....
</form> akhir

Berikut Tag tag pada form HTML
  1. Form Text
    Form text digunakan untuk memasukkan text atau kepada server.
    <INPUT TYPE=TEXT NAME=name>
    <INPUT TYPE=TEXT NAME=name MAXLENGTH=length>
    <INPUT TYPE=TEXT NAME=name SIZE=size>
    <INPUT TYPE=TEXT NAME=name VALUE=value>
    Contoh tampilannya :

  2. Form Check Box
    Form Input check box digunakan untuk memilih lebih dari satu data atau jawaban.
    <INPUT TYPE=CHECKBOX NAME=name VALUE=value>
    <INPUT TYPE=CHECKBOX NAME=name VALUE=value CHECKED>
    Contoh tampilannya :

  3. Form Radio Button
    Form radio Button adalah kebalikan dari input check box, yaitu di gunakan hanya untuk memilih satu data saja.
    <INPUT TYPE=RADIO NAME=name VALUE=value>
    <INPUT TYPE=RADIO NAME=name VALUE=value CHECKED>
    Contoh tampilannya :

  4. Form Password
    Form input password, form ini digunakan untuk menyembunyikan text yang ditulis karna bersifat privasi atau rahasia.
    <INPUT TYPE=PASSWORD NAME=name>
    <INPUT TYPE=PASSWORD NAME=name MAXLENGTH=length>
    <INPUT TYPE=PASSWORD NAME=name SIZE=size>
    <INPUT TYPE=PASSWORD NAME=name VALUE=value>
    Contoh tampilannya :

  5. Form File
    form input file ini digunakan untuk mengupload file yang di inginkan ke server.
    <INPUT TYPE=FILE NAME=name ACCEPT=mime type list>
    Contoh tampilannya :

  6. Form Reset
    form input reset berfungsi untuk mengembalikan data yang telah terisi untuk di kembalikan ke awal atau di kosongkan lagi.
    <INPUT TYPE=RESET>
    Contoh tampilannya :

  7. Form Submit
    form input submit ini berfungsi untuk mengirim form data yang telah terisi kepada server.
    <INPUT TYPE=SUBMIT>
    <INPUT TYPE=SUBMIT NAME=name>
    <INPUT TYPE=SUBMIT VALUE=value>
    Contoh tampilannya :
ok itu dia sobat komputer-seneng macam macam tag form pada html semoga bermanfaat buat yang lagi belajar ilmu html jangan lupa share dan koment, dan Terimakasihh..
Subscribe to: Posts (Atom)