Web Design Dasar Formatting HTML 24 November 2014 2014 © Eileen Heriyanni, S.Kom, M.T.I (D4837)
Agenda HTML Text Layout Heading in Document Text Formatting Tags Changing the Font Format Ordered and Unordered List
World Wide Web World Wide Web adalah nama yang diberikan untuk semua bagian Internet yang dapat diakses dengan software web browser. Sampai saat ini ada beberapa software web browser yang sering digunakan antara lain Microsoft Internet Explorer, Mozilla dan Opera.
Web Server Berfungsi menyimpan dokumen web (.htm, .html, .php dan lainnya Harus berlangganan pada penyedia jasa web server untuk dapat menyimpan website yang telah kita buat untuk dapat diakses secara global
Koneksi Internet Dapat berlangganan dengan ISP atau melalui akses internet di mobile phone/Modem.
Dokumen Web Buat di Notepad dan simpan sebagai Index.html <html> <head> <title>SELAMAT DATANG DI WEB SAYA</title> </head> <body> <h1>INI WEB PERTAMA SAYA</h1><BR> <H5> SELAMAT DATANG</H5> </body> </html>
Editor Dokumen Web Notepad Dreamweaver Ms. Frontpage
Heading in Document Hasil: This is a Paragraph Sintaks: <h1>This is a Paragraph</h1> <h2>This is a Paragraph</h2> <h3>This is a Paragraph</h3> <h4>This is a Paragraph</h4> <h5>This is a Paragraph</h5> <h6>This is a Paragraph</h6>
Text Formatting Tags Paragraph Pada tanggal 24 November 2014, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman. Sintaks: <p> Pada tanggal 24 November 2014, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman </p>
Text Formatting Tags Bold Sintaks: Pada tanggal 24 November 2014, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman. Sintaks: <p> Pada tanggal <strong> 24 November 2014 </strong>, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman </p>
Text Formatting Tags Italic Pada tanggal 24 November 2014, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman. Sintaks: <p> Pada tanggal <i> 24 November 2014 </i>, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman </p>
Text Formatting Tags Underlined Sintaks: Pada tanggal 24 November 2014, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman. Sintaks: <p> Pada tanggal <u> 24 November 2014 </u>, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman </p>
Text Formatting Tags Superscript Sintaks: Pada tanggal 24 November2014, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman. Sintaks: <p> Pada tanggal 24 November<sup>2014</sup>, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman </p>
Text Formatting Tags Subscript Pada tanggal 24 November2014, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman. Sintaks: <p> Pada tanggal 24 November<sub>2014</sub>, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman </p>
Text Formatting Tags Line Break & Horizontal Line Pada tanggal 24 November 2014, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman. Sintaks: <p> Pada tanggal 24 November 2014, </p> <hr> <br> <p>saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman </p>
Text Formatting Tags Marked Formatting Pada tanggal 24 November 2014, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman. Sintaks: <p> Pada tanggal <mark>24 November 2014</mark>, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman </p>
Text Formatting Tags Strikethrough Pada tanggal 24 November 2014 24/11/2014, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman. Sintaks: <p> Pada tanggal <del>24 November 2014</del> 24/11/2014, saya belajar Web Design Dasar: Formating HTML di BINUS University bersama dengan teman-teman </p>
Changing The Font Font Hello World! Sintaks: <p><font size="3" color="red">Hello World!</font></p> <p><font size="2" color="blue">Hello World!</font></p> <p><font face="verdana" color="green">Hello World!</font></p> Note: The font element is not supported in HTML5. Use CSS instead. Font tags support on Chrome, IE, Firefox, Safari, Opera
Format Ordered and Unordered List First Second Third Fourth Sintaks: <ol> <li> First </li> <li> Second</li> <li> Third</li> <li> Fourth</li> </ol>
Format Ordered and Unordered List Nested Ordered list First Second Sub Second1 Sub Second2 Third Fourth Sintaks: <ol> <li> First </li> <li> Second</li> <li>Sub Second1</li> <li>Sub Second2</li> </ol> <li> Third</li> <li> Fourth</li>
Format Ordered and Unordered List First Second Third Fourth Sintaks: <ul> <li> First </li> <li> Second</li> <li> Third</li> <li> Fourth</li> </ul>
Format Ordered and Unordered List Nested Unordered list First Second Sub Second1 Sub Second2 Third Fourth Sintaks: <ul> <li> First </li> <li> Second</li> <li> Sub Second1 </li> <li> Sub Second2 </li> </ul> <li> Third</li> <li> Fourth</li>
Q &A
Thank You