belajar dasar pemograman web

DASAR PEMOGRAMAN WEB

MATERI : 

Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY.

TUJUAN :

Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.

Struktur Dasar Pemrograman :

HTML adalah singkatan dari HyperText Markup Language yang merupakan sebuah script untuk menyusun dokumen-dokumen halaman Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.

Contoh Struktur dasar pemrograman web HTML:

<!DOCTYPE html>
<html>
<head>
<title>Judul halaman web disini</title>
</head>
<body>
Informasi halaman website disini
</body>
</html>

Pejelasan Struktur dasar diatas :

A. TAG

Merupakan teks khusus (markup) yang terdiri dari dua karakter yaitu karakter "<" dan karakter ">",  sebagai contoh <body> adalah tag dengan nama body.

Secara Umum tag ditulis secara berpasangan contoh tag <body> biasanya diakhiri dengan tag penutup </body> (ditambahkan karakter "/" setelah karakter "<")  sehingga informasi yang diberikan didalam tag <body> berada sebelum ditutup dengan </body> .

B. ELEMENT

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML

Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML

</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML,  tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya. 

Contoh penulisan tag-tag yang benar
<p>
 <b> Informasi yang di bold </b>
</p>

Contoh yang salah  :
<p>
 <b> Informasi yang di bold </p>
</b>

C. ATTRIBUTE

Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Secara umum  nilai attribute harus berada dalam tanda petik satu atau dua, Contoh ingin membuat background hitam dengan warna tulisan putih 

<body bgcolor="black" text="white">
test html
</body> 

(Biasanya jarang digunakan, lebih banyak menggunakan CSS dalam desain tampilan.)

contoh :

<html>

<head>

       <title>Ordered List</title>

</head>

<body>

        <p>silabus pemograman web</p>

        <ol start="1" type="1">

            <li>pertemuan I</li>

                   <ol type="a">

                         <li>pengenalan HTML,</li>

                         <li>belajar tag HTML,</li>

                   </ol>

<li>pertemuan II</li>

                   <ol type="A">

                         <li>pembuatan web statis</li>

                         <li>belajar belajar hyperlink</li>

                   </ol>

<li>pertemuan III</li>

                   <ol type="I">

                         <li>pembuatan form</li>

                         <li>belajar input data</li>

                   </ol>

           </ol>

</body>

</html>

sumber:

http://www.gee.web.id/2013/10/belajar-pemrograman-web-html-dasar.html

dasar pemograman web

Dasar - Dasar Dalam Pemrograman HTML

HTML merupakan bahasa pemograman web yang paling dasar dan yang paling mudah untuk dipelajari.
HTML sendiri merupakan kepanjangan dari Hyper Text Markup Language. Web yang didesain dari bahasa HTML sendiri merupakan web yang bersifat statis. Berikut merupakan tag - tag dasar dalam HTML.
<HTML> = merupakan Tag utama dari HTML yang merupakan penampung dari tag -tag lainnya
<HEAD> = Tag yang berfungsi untuk membuat judul (dengan tag <TITLE>)dan memberikan keterangan lainnya
<BODY> = Tag yang berisikan coding utama dari web yang akan didesain.
contoh : <HTML>
             <HEAD>
             <TITLE>Ini Judul</TITLE>
             </HEAD>
             <BODY>
               Bla Bla Bla
             </BODY>
             </HTML>
Mengubah Background Color
 menggunakan attribut bgcolor dalam tag Body
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY BGCOLOR="aqua">
Ini Isinya :)
</BODY>
</HTML>

Tag Tag dasar dalam HTML 

<br> =  berfungsi untuk membuat baris kosong / blank.
<p> dan <div> = berfungsi untuk membuat tampilan paragraf dalam suatu kumpulan teks.
<h> = merupakan tag heading yang akan membuat default font berubah berdasarkan heading tertentu
          tag <h> dimulai dari yang terbesar (<h1>) sampai ukuran yang terkecil (<h6>)
<hr> = Tag yang berfungsi untuk membuat garis horizontal.
<sub> = memberikan efek subscript pada sebuah teks
<sup> = memberikan efek superscript pada sebuah teks
<tt>  = memberikan efek mesin ketik pada sebuah teks. Tampilan mesin ketik
<del> = memberikan efek coretan pada sebuah teks. Efek strikethrought
<pre> = membuat tampilan teks sama seperti default tulisan dalam kode HTML nya
<acronym> = memberikan keterangan tambahan terhadap tulisan ataupun singkatan yang ditampilkan yang disertakan pada atribut TITLE 

sumber : http://wwwprogwebvaxtra.blogspot.com/