You are on page 1of 14

HTML Basic

Heading Paragraf & Text

Paragraf Breaks & Horizontal Rulez Creating and HTML Page Quoted Text Preformated Text Phrase Elements Formating Elements Doccument Changes

Heading Paragraf & Text

Digunakan untuk membuat paragraf di HTML Ditulis dengan tag <p></p> Mempunyai beberapa atribut yaitu align center, right, left, dan justify

Paragraf

<HTML> <HEAD> <TITLE>Contoh Paragraf</TITLE> </HEAD> <BODY> <H2>Paragraf di HTML</H2> <p align=left>Contoh membuat paragraf pada pembelajaran HTML. Paragraf sendiri memiliki beberapa atribut yaitu align center, left, right, dan justify. <p align=left>Dan yang ini merupakan paragraf kedua. Saya harap kalian semua mengerti. <p align=right> Paragraf berikut ini merupakan paragraf yang menggunakan atribut align right. <p align=justify> Kalo yang ini saya mencoba membuat paragraf dengan atribut justify, atau sering disebut rata kanan dan kiri <p align=center>Yang ini saya menggunakan atribut center atau tengah </p> </BODY> </HTML>

Paragraf di HTML
Contoh membuat paragraf pada pembelajaran HTML. Paragraf sendiri memiliki beberapa atribut yaitu align center, left, right, dan justify.
Dan yang ini merupakan paragraf kedua. Saya harap kalian semua mengerti. Paragraf berikut ini merupakan paragraf yang menggunakan atribut align right. Kalo yang ini saya mencoba membuat paragraf dengan atribut justify, atau sering disebut rata kanan dan kiri Yang ini saya menggunakan atribut center atau tengah

Paragraf

Break: Menulis teks pada baris berikutnya Break menggunakan tag <br> Horizontal Rule Menggambar garis horizontal dalam document HTML Horizontal Rule menggunakan tag <hr>

Break & Horizontal Rule

<HTML> <HEAD> <TITLE>br dan hr</TITLE> </HEAD> <BODY> <H2>Break dan Horizontal Rule</H2> Break digunakan untuk menulis di baris berikutnya <br> Ini baris kedua <br> Ini baris ketiga <br> Ini baris keempat <br> <hr> Teks ini berada di bawah tag hr atau horizontal rule </BODY> </HTML>

Break dan Horizontal Rule


Break digunakan untuk menulis di baris berikutnya Ini baris kedua Ini baris ketiga Ini baris keempat Teks ini berada di bawah tag hr atau horizontal rule

Break & Horizontal Rule

Pembuatan halaman HTML bisa menggunakan text editor seperti notepad, notepad+, atau menggunakan software khusus pembuatan web seperti Microsoft FrontPage, Adobe Dreamweaver dan Macromedia Dreamweaver Struktur pembuatan halaman HTML adalah
<html> <head> <title></title> </head> <body> </body> </html>

Dalam penyimpanan HTML menggunakan nama.html

Create HTML Page

Untuk mengindentasi teks agak menjorok kedalam Menggunakan tag <blockquote></blockquote>

Quoted Text

<HTML> <HEAD> <TITLE>br dan hr</TITLE> </HEAD> <BODY> <H2> Blockquote </H2> <p> Color merupakan attribute yang kita anda tambahkan pada beberapa element seperti body, font, link dan lainya </p> <blockquote> Color merupakan attribute yang kita anda tambahkan pada beberapa element seperti body, font, link dan lainya </blockquote> </BODY> </HTML>

Blockquote
Color merupakan attribute yang kita anda tambahkan pada beberapa element seperti body, font, link dan lainya Color merupakan attribute yang kita anda tambahkan pada beberapa element seperti body, font, link dan lainya

Quoted Text

Preformatted Text dalam HTML ditulis dengan tag <pre>.</pre> Tag PRE di gunakan untuk menampilkan text sesuai dengan format aslinya.
<HTML> <HEAD> <TITLE>Praformat </TITLE> </HEAD> <BODY> <H2>Daftar Harga Keladi:</H2> <PRE> Red Flash.........35.000 Red Fire..........60.000 Fannie Munson.....60.000 </PRE> Harga sewaktu-waktu bisa berubah. </BODY> </HTML>

Daftar Harga Keladi


Red Flash.........35.000 Red Fire..........60.000 Fannie Munson.....60.000 Harga sewaktu-waktu bisa berubah.

Preformated Text

<abr>- Abbreviation <acronym>- Acronym <cite> - Citation <code> - Computer code <del>- Deleted text <dfn>- Defined term <em>- Emphasis <ins>- Inserted text <kbd> - Text to be input <samp> - Sample output <strong> - Strong emphasis <var> - Variable

Phrase Elements

Lihat Source Code

HTML memiliki 4 elemen yaitu <html></html>,<head></head>,<title></title>, <body></body> Setiap elemen bisa diberi atribut-atribut digunakan untuk formating setiap elemen Contoh formating elemen <body backgroundcolor=blue>

Formating Element

Merubah dokumen HTML sangat fatal jika ada beberapa file yang saling berhubungan.

Document Change

You might also like