HTML Referansi Tag HTML.

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

HTML.
HTML Hyper Text Markup Language
Cascading Style Sheet Gufron Gufron - Sub Bahasan • Pendahuluan • Konsep Dasar CSS • Syntax/Perintah CSS • Implementasi.
Pemrograman Web 1Humisar Hasugian, S.Kom 1 Pengenalan HTML HTML • Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan.
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
ID pada CSS.
STMIK PPKIA Pradnya Paramita
DASAR HTML Marina Azizah. Struktur Dokumen HTML Dokumen HTML bisa di bagi mejadi tiga bagian utama: HTML Setiap dokumen HTML harus di awali dan di tutup.
Praktek Dasar HTML Ulla Delfana Rosiani, ST. Praktek Dasar HTML Anda akan mempelajari tentang: Membuat sebuah home page Memformat text Membuat links ke.
HTML Basic Heading Paragraf & Text. Paragraf Breaks & Horizontal Rulez Creating and HTML Page Quoted Text Preformated Text Phrase Elements Formating Elements.
Apa itu HTML ? Perangkat lunak yang digunakan untuk membuat atau mengetikkan kode file HTML Perangkat lunak yang digunakan untuk menjalankan atau menampilkan.
Pertemuan 9 Cascading Style Sheet (css)
BELAJAR POWER POINT.
Understanding Application Software. singkatan dari Electronic Mail adalah pesan atau surat yang dikirimkan dengan jaringan internet baik berupa.
Minggu …8… Page 1 MINGGU Ke delapan Web Teknologi 2 Pokok Bahasan: CSS and Themes Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan dan mengaplikasikan.
HTML (Hypertext Markup Language)
Basic HTML Konsep dan Fungsi HTML
 HTML merupakan bahasa paling standard yang digunakan untuk membuat suatu website  HTML Singkatan dari H yper T ext M arkup L anguage  HTML bukanlah.
CSS.
HTML (Hypertext Markup Language)
Pemrograman Web/TI/ AK /2 sks
 Pengenalan Dreamweaver sebagai tools pengembangan aplikasi web  Dasar-dasar HTML  Penggunaan Form, Frame dan Layer.
HTML Basic.
HTML Achmad Yasid,SKom. HTML Singkatan dari HyperText Markup Language adalah bahasa yang menjelaskan bagaimana suatu teks, video, grafik, animasi dan.
Pemrograman Web HTML (1) Andy Haryoko, ST.
TABEL , FORM DAN FRAME.
Atribut dalam Body Atribut dan contoh penulisan Fungsi
ADD-ON Dasar HTML.
CSS (Cascading Style Sheet)
CSS Eksternal & Style Elemen
Materi 2 Untuk memudahkan dan memperjelas, mulai sekarang saya hanya akan menuliskan apa yang ada di antara tag. Saya tidak akan menuliskan tag, &. Tentu.
Pertemuan 2 : HTML.
Pertemuan 2 1.  Bahasa yang digunakan untuk menampilkan informasi pd halaman web.  bahasa ini menggunakan tanda (markup) untuk menandai perintah- perintahnya.
Dasar-dasar HTML Mengenal HTML
S1 Teknik Informatika - Unijoyo
Desain Web dengan Tag HTML
Pertemuan ke 2 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
IRAWATI, S.Kom.,MT. PEMROGRAMAN WEB
Modul 3 STMIK IKMI CIREBON Oleh Dita rizki amalia.
PENGATURAN TAMPILAN DOKUMEN
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
WEB DESIGN Materi Pelajaran TIK Kelas XI SMA NEGERI 9 MALANG.
DASAR-DASAR HTML Efek Karakter Fisik KOMPUTER APLIKASI IT – I Oleh :
KOMPUTER APLIKASI IT XHTML & CSS MODUL 06
Internet dan Pengantar HTML
Komputer aplikasi it-I (html)
Modul 2 : Dasar-dasar HTML (1)
INTERNET (Praktikum) STMIK “BINA NUSANTARA JAYA”
Komputer aplikasi it-I (html)
Komputer Aplikasi IT 1 KOMPUTER APLIKASI IT – I Oleh :
Internet dan Web By : Lisda Juliana P..
( Manipulasi text dan paragraf )
Pemrograman Berbasis WEB
Pemrograman Berorientasi Platform (IN315B)
Microsoft Word 2010 Oleh: Oktavia Nirmala
Pemrograman Basis Data Berbasis Web
Internet dan Web Ecking Mendrofha.
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
LPIA Cileungsi Team Div-Kom ‘10
BAHAN AJAR KOMPUTER APLIKASI IT (HTML)
Dasar HTML Hypertext Markup Language Dasar HTML.
Darmawan satyananda Mathematics department State university of malang
Pemrograman Web PG117 – 3 SKS.
Pengenalan HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa.
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
List dan Image pada HTML
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Desain Web dengan Tag HTML
Transcript presentasi:

HTML Referansi Tag HTML

Heading Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML. Heading berbeda dengan Tag <Title> yang tidak bisa muncul dalam halaman web. HTML menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama.

Heading <HTML> <HEAD> <TITLE> Headings </TITLE> </HEAD> <BODY> <H1>Heading Level 1 </H1> <H2>Heading Level 2 </H2> <H3>Heading Level 3 </H3> <H4>Heading Level 4 </H4> <H5>Heading Level 5 </H5> <H6>Heading Level 6 </H6> </BODY> </HTML>

Paragraf Untuk membuat paragraf digunakan tag <P>. Setelah tag <P> Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup </P>. Anda bisa mengatur posisi paragraf dengan attribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan. LEFT untuk rata kiri, CENTER untuk rata tengah dan RIGHT untuk rata kanan.

Paragraf <HTML> <HEAD> <TITLE>Paragraf</TITLE> <BODY> <P ALIGN="right"> Beberapa tahun yang lalu, seorang hartawan meninggal dunia sedangkan ia tidak memiliki ahli waris. <P ALIGN="center"> Sesuai dengan wasiat, jenazah itu dikebumikan pada pukul empat dini hari. <P ALIGN="left"> Seusai pemakaman, surat wasiat yang kedua dibuka. </P> </BODY> </HTML>

BLOCKQUOTE perintah tag <BLOCKQUOTE> digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan menampilkan teks menjorok ke dalam (meng-identasi tek) atau menampilkan teks bentuk huruf miring.

BLOCKQUOTE <HTML> <HEAD> <TITLE>BLOCKQUOTE</TITLE> </HEAD> <BODY> <H3>Sesuatu yang tidak perlu dicoba</H3> <BLOCKQUOTE> Sesuatu yang kelihatan mengasyikkan tetapi sebenarnya lebih banyak menambah masalah pada remaja adalah narkoba, seks, alcohol dan merokok. Jangan sekali-kali mencoba kalau tidak ingin masalah baru </BLOCKQUOTE> </BODY> </HTML>

Preformatted Text (PRE) Preformatted Text (PRE) digunakan untuk menampilkan teks sama seperti yang anda ketikkan dalm dokumen HTML. Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti yang terlihat dalam teks yang tampilkan oleh aplikasi berbasis teks (misalnya telnet).

Preformatted Text (PRE) <HTML> <HEAD> <TITLE>Preformatted Text</TITLE> </HEAD> <BODY> <PRE> Edisi yang lalu dibahas tentangmembuat billing system untuk warnet yang dapat langsung mencetak tagihan. Kali ini diulas bagaimana menyimpan setiap transaksi dalam database agar bisa diperoleh beberapa laporan secara periodic. </PRE> </BODY> </HTML>

Begin Row (BR) Tag ini digunakan unluk menulis teks pada baris berikutnya. Tag (BR) membuatbaris baru tanpa memberi baris kosong di bawahnya.

Begin Row (BR) <HTML> <HEAD> <TITLE>Begin Row</TITLE> </HEAD> <BODY> <P>Banyak cara yang dapat digunakan untuk melakukan instalasi FreeBSD. Namun ada tiga cara yang paling sering dilakukan,yaitu : <BR>Instalasi melalui FTM <BR>Instalasi melalui CDROM <BR>Instalasi melalui partisi DOS </P> </BODY> </HTML>

Ukuran Font Untuk mengatur huruf dokumen HTML digunakan tag <FONT SIZE>. Tag <FONT SIZE> memiliki beberapa atribut untuk mengatur ukuran huruf yang akan digunakan.

Ukuran Font <HTML> <HEAD> <TITLE>Ukuran Font</TITLE> </HEAD> <BODY> <FONT SIZE=1>Ukuran font 1</FONT> <FONT SIZE=2>Ukuran font 2</FONT> <FONT SIZE=3>Ukuran font 3</FONT> <FONT SIZE=4>Ukuran font 4</FONT> <FONT SIZE=5>Ukuran font 5</FONT> <FONT SIZE=6>Ukuran font 6</FONT> <FONT SIZE=7>Ukuran font 7</FONT> </BODY> </HTML>

Jenis Font Atribut FACE digunakan untuk mengatur jenis huruf yang diinginkan. Atribut FACE harus diisi dengan string jenis font seperti Arial, Times New Roman, Verdana, dsb.

Jenis Font <HTML> <HEAD> <TITLE>Jenis Font</TITLE> </HEAD> <BODY> <FONT SIZE=5> <FONT FACE = ‘’Arial’’>Arial, contoh AC MILAN <P> <FONT FACE = ‘’Verdana’’>Verdana, contoh Persebaya <P> <FONT FACE = ‘’Times New Roman’’>Times New Roman, contoh Indonesia <P> </BODY> </HTML>

Warna Font Atribut COLOR digunakan untuk mengatur warna font yang akan digunakan.Untuk memberi nilai pada atribut color ada dua cara. Cara pertama dengan menuliskan nama warna seperti Red,Blue, Yellow, White, dsb. Sedangkan cara keduaadalah dengan menggunakan nilai RGB (Red, Green, Blue) dari suatu warna,misalnya FF0000 untuk Red, 00FF00 untuk Green dan 0000FF untuk Blue.

Warna Font <HTML> <HEAD> <TITLE>Warna Font</TITLE> </HEAD> <BODY> <FONT SIZE=5> <FONT COLOR = “red”>PSM Makassar<P> <FONT COLOR = “#FF0000”>tetap PSM Makassar kan?<P> <FONT COLOR = “#00FF00”>Ini baru Persebaya<P> </BODY> </HTML>

Warna Background <Body bgcolor=“123456> …………… </Body>

LINK Perintah anchor <A> digunakan untuk membuat suatu link. Untuk membuat link ke dokumen HTML lain digunakan perintah <A HREF = ‘’nama_dokumen’’> Teks padabrowser </A>. Anda juga dapat membuat link dalam sebuah dokumen HTML. Untuk itu perlu dipersiapkan nama anchor lokasi tujuan dari link tersebut. Nama anchor dibuat dengan menambahkan atribut NAME pada tag <A>.Misalnya <A NAME = ‚’Bugs’’</A>. Cara melakukan link ke bagian tersebut adalah <A HREF=’’nama_anchor’’>teks pada browser</A>.

LINK <HTML> <HEAD> <TITLE>Link</TITLE> <BODY> <A NAME=”lengkap”>Pemain-pemain AC Milan menurut abjad</A> <BLOCKQUOTE> <P>Abbiati,<A HREF=”#abbiati”>info lengkap<A> <P>Anyala <P>Ambrosini <P>Albertini <P>Boban <P> <A HREF=”linktujuan.html”>kalo mau tahu lagi klik disini </A> </BLOCKQUOTE> <P><A NAME=”abbiati”>Abbiati</A> <P>Kiper ketiga Timnas Italia runner up Euro 2000 <BR>Kiper utama U-21 juara piala Eropa U-21 <BR>Kiper utama AC Milan Juara Seri-A 1998-1999 <P><A HREF=”#lengkap”>KEMBALI KE ATAS </A> </BODY> </HTML>

LINK <HTML> <HEAD> <TITLE>Link tujuan</TITLE> <BODY> <P ALIGN=’’center’’> Maaf, hanya sedikit <BR>Chamot <BR>Dida <BR>Shechenko <BR><A HREF=’’link.html’’>kembali</A> </BODY> </HTML>

marquee Marquee adalah tag yang berfungsi untuk membuat kata/kalimat yang berada dalam tag ini bergerak. <marquee> Tulisan ini bergerak </marquee>

Tag Tambahan Memberi Spasi :   ( satu spasi ) © :© <strong>tebal</strong or <B>Bold</B> <em>miring</em> or <I>italic</I> <u>underline/garis bawah </u>