Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
2
Web Design Dasar Formatting HTML
24 November 2014 2014 © Eileen Heriyanni, S.Kom, M.T.I (D4837)
3
Agenda HTML Text Layout Heading in Document Text Formatting Tags
Changing the Font Format Ordered and Unordered List
4
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.
5
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
6
Koneksi Internet Dapat berlangganan dengan ISP atau melalui akses internet di mobile phone/Modem.
7
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>
8
Editor Dokumen Web Notepad Dreamweaver Ms. Frontpage
9
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>
10
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>
11
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>
12
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>
13
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>
14
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>
15
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>
16
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>
17
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>
18
Text Formatting Tags Strikethrough
Pada tanggal 24 November /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>
19
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
20
Format Ordered and Unordered List
First Second Third Fourth Sintaks: <ol> <li> First </li> <li> Second</li> <li> Third</li> <li> Fourth</li> </ol>
21
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>
22
Format Ordered and Unordered List
First Second Third Fourth Sintaks: <ul> <li> First </li> <li> Second</li> <li> Third</li> <li> Fourth</li> </ul>
23
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>
24
Q &A
25
Thank You
Presentasi serupa
