Modul 1 html dasar

Posted on
 Modul 1 html dasar
What is HTML???

HTML adalah sebuah bahasa yang dipergunakan untuk mendeskripsikan halaman web.

  • HTML adalah singkatan dari Hyper Text Markup Language
  • HTML is not a programming language, it is a markup language
  • Markup language adalah kumpulan dari tag tertentu
  • HTML menggunakan tag untuk menggambarkan web page

HTML Tags

E:\Semester 2\Pmrograman Web\modul-1-html-dasar\images\quote.jpg

HTML markup tags biasa disebut dengan tags

  • HTML tag adalah keyword yang diawali dan diakhiri dengan tanda kurung “<” dan “>”
  • HTML tag biasanya berpasangan
  • Tag pertama adalah start tag, tag kedua adalah end tag
  • Tag tersebut disebut juga opening tags dan closing tags

HTML Documents = Web Pages

  • HTML documents menggambarkan halaman web
  • HTML documents terdiri dari HTML tags dan plain text
  • HTML documents disebut juga web page

HTML document dibaca dengan menggunakan web browser, seperti like Internet Explorer atau Firefox, dan kemudian ditampilkan sebagai web page. Browser tersebut tidak menampilkan HTML tags, tapi tag tersebut diterjemahkan menjadi isi dari page.

Format Dasar File Dokumen HTML

berikut adalah format dasar dari HTML

E:\Semester 2\Pmrograman Web\modul-1-html-dasar\images\g1.jpg

Heading

Pada dokumen HTML terdapat 6 ukuran heading mulai dari H1 sampai dengan H6 H1 adalah heading dengan ukuran terbesar dan H6 adalah heading dengan ukuran terkecil

E:\Semester 2\Pmrograman Web\modul-1-html-dasar\images\g3.jpg

HR, CENTER, B, I, U, SMALL dan BIG

Pada dokumen HTML untuk membuat suatu garis mendatar / horisontal dapat menggunakan tag HR Tag HR memiliki attribut seperti WIDTH untuk mengatur panjang garis, SIZE untuk mengatur ketebalan garis, ALIGN untuk mengatur alignment, dan NOSHADE untuk menghilangkan efek bayangan

E:\Semester 2\Pmrograman Web\modul-1-html-dasar\images\g4.jpg

SUB, SUP, TT, DEL, PRE, FONT

Pada dokumen HTML tag SUB digunakan untuk memberikan efek subscript pada suatu teks, dan tag SUP digunakan untuk memberikan efek superscript pada suatu teks sedangkan tag TT digunakan untuk memberikan efek mesin ketik pada suatu teks. Tag DEL digunakan untuk memberikan efek coretan pada suatu teks.

Tag PRE pada dokumen HTML digunakan untuk melakukan preformat terhadap dokumen HTML. Artinya teks yang akan ditampilkan akan sama keadaannya seperti yang tertulis pada kode HTML nya.

E:\Semester 2\Pmrograman Web\modul-1-html-dasar\images\g5.jpg

LIST

Pada dokumen HTML terdapat dua jenis list, yaitu unordered list dan ordered list. Unordered list adalah suatu list yang tidak memperhatikan urutan penomoran sedangkan ordered list adalah list yang memperhatikan urutan penomoran. Untuk membuat suatu unordered list menggunakan tag UL sedangkan untuk membuat ordered list menggunakan tag OL. Dan untuk mengisikan item pada list menggunakan tag LI

E:\Semester 2\Pmrograman Web\modul-1-html-dasar\images\g6.jpg

Image

Tag IMG pada dokumen HTML digunakan untuk menambahkan gambar pada suatu halaman web. Untuk menambahkan gambar dapat dilakukan dengan mengubah nilai atribut SRC disesuaikan dengan nama file gambar yang diinginkan.

Selain atribut SRC, tag IMG juga memiliki atribut lain seperti ALIGN, BORDER, ALT, HEIGHT, dan WIDTH. Atribut ALIGN digunakan untuk mengatur aligmen. Nilai yang bisa diberikan pada atribut ALIGN adalah TOP, MIDDLE, dan BOTTOM. Atribut BORDER digunakan untuk menentukan ketebalan garis tepi dari suatu gambar. Atribut ALT digunakan untuk memberi keterangan ketika suatu gambar gagal untuk ditampilkan ke web browser. Atribut HEIGHT dan WIDTH digunakan untuk mengatur tinggi dan lebar gambar.

E:\Semester 2\Pmrograman Web\modul-1-html-dasar\images\g8.jpg

Link

E:\Semester 2\Pmrograman Web\modul-1-html-dasar\images\g9.jpg

Leave a Reply

Your email address will not be published. Required fields are marked *