Scribd
Unggah
43 tayangan6 halaman

Pengertian HTML, PHP Dan Tag-Tag HTML: HTML (Hyper Text Markup Language) Adalah Sebuah Bahasa Markup Yang Digunakan Untuk

HTML digunakan untuk membuat halaman web dan menampilkan informasi di browser. PHP adalah bahasa skrip server-side yang digunakan untuk membangun aplikasi web interaktif. Dokumen menjelaskan pengertian HTML, PHP, dan tag-tag utama HTML beserta fungsinya seperti <html>, <head>, <body>, <p>, <a>, <img>, <table>.

Diunggah oleh

iters
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
43 tayangan6 halaman

Pengertian HTML, PHP Dan Tag-Tag HTML: HTML (Hyper Text Markup Language) Adalah Sebuah Bahasa Markup Yang Digunakan Untuk

HTML digunakan untuk membuat halaman web dan menampilkan informasi di browser. PHP adalah bahasa skrip server-side yang digunakan untuk membangun aplikasi web interaktif. Dokumen menjelaskan pengertian HTML, PHP, dan tag-tag utama HTML beserta fungsinya seperti <html>, <head>, <body>, <p>, <a>, <img>, <table>.

Diunggah oleh

iters
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 6

Pengertian HTML,PHP dan Tag-Tag HTML

»HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk
membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser
Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan
dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML
adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat
ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World
Wide Web Consortium (W3C).
Contoh struktur penulisan Html
<html>
<head>
<title>
</title>
</head>
<body>

</body>
</html>

Setiap ada tag pembuka maka harus ada tag penutup yang ditandai dengan tanda "/".
Contoh :<title></title>, <body> </body>,<html></html>.
Antara tag <title> </title> digunakan untuk menulis judul halaman web yang bersangkutan.
Contohnya adalah tulisan "ahmadamirudin.jw.lt" yang ada pada pojok kiri atas halaman ini maka
penulisannya menjadi :
<html>
<head>
<title>ahmadamirudin.jw.lt
</title>
</head>
<body>

</body>
</html>

Sedangkan antara tag <body> </body> digunakan untuk mengisi apa yang akan ditampilkan
pada halaman anda, bisa berupa tulisan, gambar, link dan sebagainya.
Adapun beberapa tambahan yang dapat ditambahkan pada tag <body> adalah sebagai berikut:

 Meberikan warna background pada halaman web :

<body bgcolor="blue">
Atau dapat juga menggunakan kode warna Hexa (RGB /red-green-blue) yang terdiri dari 6
karakter yang terdiri dari gabungan angka dan huruf, dan penulisannya juga harus diawalai
dengan tanda "#"(pagar). 2 karakter pertama mewakili warna merah yang dimulai dari paling
rendah 00 sampai paling tinggi ff, atau bisa juga kombinasi huruf dan angka tadi. Begitu juga 2
karakter berikutnya mewakili warna hijau dan 2 karakter berikutnya mewakili warna biru.
contoh penulisan kode untuk warna hitam #000000, putih #ffffff, merah #ff0000, abu-abu
#d3d3d3 dan lain lain sesuai dengan keinginan anda.

 Memberikan background gambar

<body background="gambar.jpg">
Penulisan format gambar juga harus disertakan seperti *.jpg, *.gif, *.bmp dan lain-lain
Jika ingin menginginkan warrna background transparan maka ditulis dengan <body
bgcolor="transparent">

 Memberikan warna teks

<body text="#000000">

 Mengatur margin halaman

<body leftmargin="20" topmargin="20">

 mengatur warna link

         <body link="#ff0000"vlink="#00ff00"


alink="#0000ff">
Dan jika semuanya ditulis bersamaan maka menjadi :
<body bgcolor="blue"text="#000000"

leftmargin="20" topmargin="20"

link="#ff0000"vlink="#00ff00"alink="#0000ff">

PHP merupakan script yang menyatu dengan HTML dan berada pada server (server side HTML
embedded scripting). Dengan PHP ini Anda dapat membuat beragam aplikasi berbasis web,
mulai dari halaman web yang sederhana sampai aplikasi komplek yang membutuhkan koneksi ke
database.
Contoh Struktur Penulisan PHP
     Dalam pembuatan file PHP sama dengan cara pembuatan file HTML, kita
bisa menuliskan script PHP di text editor seperti notepad dan lain-lain. Untuk
menulis script/baris kode PHP kita harus mengapit setiap baris kode tersebut
dengan tag "<?php" sebagai awal dan tag ?> sebagai akhir dari script PHP.
Jika kita mengetikan kode di luar tag tersebut tidak akan dianggap sebagai
sebagai script PHP oleh PHP engine, melainkan akan dianggap sebagai kode
HTML. Biasanya di dalam sebuah file PHP mengandung tag HTML dan baris
kode PHP. Berikut contoh pembuatan file PHP:

<html>
<head>
   <title>Belajar PHP</title>
</head>
<body>
   <h1>Halaman Pertama PHP</h1>

   <?php
      echo "Lagi semangat belajar PHP";
   ?>

</body>
</html>

     Tulis syntax di atas menggunakan text editor kesukaan anda misalnya


Notepad pada Windows atau Gedit pada Ubuntu. Kemudian simpan dengan
nama yang anda sukai namun harus berakhiran ".php" dikarenakan default
file PHP berakhiran "*.php", misalkan "belajar.php" tanpa tanda kutip.

     Keterangan:

 Baris kode PHP harus selalu diakhiri dengan tanda titik-koma ";"
sebagai akhir dari baris script PHP, seperti contoh di atas yaitu (echo
"Lagi semangat belajar PHP";).
 Echo pada contoh script di atas digunakan untuk menampilkan output
berupa text di browser.
 Cara menjalankan/mengeksekusi file PHP yaitu buka browser ketik
URL localhost/nama_file_PHP_anda. Jika pada contoh gambar diatas
URL yaitu localhost/belajar.php.

Setiap file PHP harus di simpan di dalam folder htdocs yang berada pada
tempat kita menginstall webserver, misalkan pada contoh di tulisan
sebelumnya tentang "Install XAMPP pada Windows" kita menginstall
XAMPP pada direktori/drive C: lalu masuk ke folder XAMPP dan htdocs.

     Untuk membuat komentar(baris kode yang tidak akan dieksekusi oleh


server) pada file PHP bisa menggunkan 2 cara yaitu menggunakan tanda
garis miring 2 buah "//" atau dengan menggunakan tanda "/*" sebagai awal
komentar dan "*/" sebagai akhir komentar. Berikut contoh script untuk
membuat komentar pada file PHP.

<html>
<head>
   <title>Komentar PHP</title>
</head>
<body>
   <h1>Halaman Pertama PHP</h1>

   <?php
      //Tulis Komentar di sini untuk satu baris komentar
      echo "Lagi semangat belajar PHP";
      /*
      Tulis Komentar di sini 
      untuk membuat beberapa baris komentar
      */
   ?>

</body>
</html>

     Apabila script di atas dijalankan/dieksekusi maka kalimat yang berada di


sebelah kanan tanda "//" dan diantara tanda "/*" dan "*/" tidak akan
dieksekusi oleh server.

* Berikut ini adalah tabel tag-tag HTML dan fungsinya:


 Tag Utama
Tag Atribut Deskripsi
<html></html> Baris paling atas dari
setiap file HTML
<head></head> Informasi umum dari
sebuah halaman web
<title></title> Judul halaman. Terdapat
pada head
<body></ Background, bgcolor, bgsound, font, link, alink, vlink, Settingan atribut untuk
body> topmargin, leftmargin, marginheight, marginwidth seluruh dokumen
Modifikasi Teks
Tag Deskripsi Contoh
<b></b> Teks tebal Teks tebal
<i> </i> Teks miring Teks miring
<u> </u> Teks garis bawah Teks garis bawah
<pre></pre> Preformatted Contoh teks
teks
<h1></h1> Header 1
Header
1
<h2></h2> Header 2 Header 2
<h3> </h3> Header 3 Header 3
<h4></h4> Header 4 Header 4
<h5></h5> Header 5 Header 5
<h6></h6> Header 6 Header 6

<sub></ Subscript Subscript


sub>
<sup></ Superscript Super
script
sup>
Font
Tag Atribut Deskripsi
<font></ Color, size, nameMengubah gaya suatu huruf
font>
Links
Tag Atribut Deskripsi
<a> Href, target, style, class, name, Membuat link ke dokumen atau situs
</a> id lainnya
Gambar
Tag Atribut Deskripsi
<img Src, alt, name, border, height, Menampilkan sebuah
> width gambar
Formatting
Tag Deskripsi Contoh
<blockquote></ Digunakan untuk mengatur text dan Contoh text in a block
blockquote> gambar dalam suatu tag quote format ( “ “ )
<ol></ol> Ordered List (digunakan dengan <li>) 1. Item 1
<ul></ul> Unordered List (digunakan dengan <li>) • Item 1
<li> Elemen List
<dd></dd> Definition List
<dt> Definition Term
<dd> Definition Description
<p></p> Paragraf
<br> Ganti baris
<hr> Garis horizonta
<center></center> Menengahkan elemen
Tabel
Tag Deskripsi Contoh
<table></table> Border, cellpadding, cellspacing, width, Mengatur semua elemen
height, name, id, title, bgcolor, background, table
align, valign
<tr></tr> Height, bgcolor, background, align, valign, Membuat baris baru
title
<td></td> Height, width, bgcolor, background, align, Membuat kolom
valign, title, colspan, rowspan
<th></th> Height, width, bgcolor, background, align, Header(kepala tabel).
valign, title, colspan, rowspan Otomatis ke tengah dan
tebal
<tbody></tbody> Height, width, align, valign, bgcolor, Format yang berlaku bagi
background cell yang diapit tag
<colgroup></ Height, width, align, valign, bgcolor, Format yang berlaku bagi
colgroup> background, colspan kolom

Form
Tag Deskripsi Contoh
<form></form> Method, action, name, enctype Mengatur elemen dari form
<input type=> Text, password, hidden, radio, Variasi dari tipe elemen input dalam form
checkbox, submit, image, reset
<select></select> Name, size Membuat combo-box. Digunakan
bersama dengan option
<option> Selected, name, value
<textarea></ Name, rows, cols, wrap Membuat Text Area untuk input text
textarea> dengan length yang lebih besar dari input
text.
wrap Off no wrap
virtual word wrap, sent as one line
physical word wrap, sent with breaks

-Mysql _query adalah fungsi yang digunakan untuk mengirim wuery ke database mysql
-mysql_fetch_array() adalah salah satu fungsi dalam pemrograman web PHP yang
digunakan untuk mengambil record / informasi dari suatu recordset / tabel dan
mengembalikannya sebagai associative array dan/atau numeric array.
-mysql connect adalah fungsi yang digunakan untuk menghubungkan ke server MySQL.
Fungsi ini merupakan fungsi awal yang akan dijalankan sebelum melakukan fungsi-fungsi lain.
Selain mysql_connect() terdapat juga fungsi penghubung ke server mysql lain
-mysql_select_db Fungsi ini digunakan untuk memilih nama database yang akan diakses dengan
script php

Anda mungkin juga menyukai