1 / 19

Pengenalan HTML

Pengenalan HTML. Matakuliah Pengenalan Internet. Pengertian.

tirza
Download Presentation

Pengenalan HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Pengenalan HTML MatakuliahPengenalan Internet

  2. Pengertian • HTML (Hypertext Markup Language)adalah script utkmenyusundokumen Web. Dokumen HTML disimpandalam format teksregulerdanmengan-dung tag-tag yang memerintahkan browser utkmengeksekusiperintah yang ispesifikasikan. • HTML merupakanstandard bahasaygdigunakanuntukmenampilkandokumen web.

  3. Kegunaan HTML • Mengontroltampilandari web page dancontentnya. • Mempublikasikandokumensecara online sehinggabisadiaksesdarimanapun. • Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksisecara online. • Menambahkanobjek-objeksepertiimage, audio, video danjuga java applet dalamdokumenHTML.

  4. Browser dan Editor • Browser : software untukmenterjemahkan tag-tag HTML menjadi halaman web. (IE, Netscape, Mozilla, Opera, Chrome dll) • Editor : software untukmembuatdokumen HTML. (FrontPage, Dreamweaver, Notepad, dll)

  5. StrukturDokumen • HTML : Utkmemberitahu browser bahwadidalamnyaadalahdokumen HTML • HEAD : Bagian header dokumen. Biasanyamemuat tag : • TITTLE utkjudulhalaman web. • META utkinformasimengenaidokumenseperti Author Name, Keyword dll. • BODY : Utkmenampilkanteks, image, link dansemua yang akanditampilkandi web.

  6. Tag • Tag : tekskhusus (markup) berupaduakarakter “<“ dan “>” yang digunakanuntukmenuliskanperintah HTML. • Umumnyaberpasangan : Tag Pembuka – Tag Penutup (ditambahkantanda “/” sebelumnama tag). • Penulisan tag tidak Case Sensitive <HTML> …… </HTML>

  7. Element Element terdiriatastigabagian, yaitutag pembuka, isi, dantag penutup. Sebagaicontohuntukmenampilkanjuduldokumen HTML pada web browser digunakanelement title. <title> (tag pembuka) Juduldokumen(isi) </title> (tag penutup)

  8. Attribute • Attribute mendefinisikan property darisuatu element HTML, yang terdiriatasnama attribute dannilai attribute • Secaraumumnilai attribute harusdiapittandakutipsatu (‘) atautandakutipdua (“) <body bgcolor="black" text="yellow"> hasilnyawarna text kuning, latarbelakanghitam

  9. Element HTML • Menyatakanpada browser bahwadokumen Web yang digunakanadalah HTML. • Syntax Penulisan <html> ………… </html>

  10. Element HEAD • Merupakan header/kepaladaridokumen HTML. • Tag <head>dan tag </head>harusterletakdiantara element html. • Syntax Penulisan <html> <head> ….. </head> </html>

  11. Element TITTLE • Merupakanjuduldaridokumen HTML yang ditampilkanpadajendela browser. • Tag <title>dan tag </title> harus terletak di antara element head. • Syntax Penulisan <head> <tittle> ….. </tittle> </head>

  12. Element BODY • Elemen yang digunakanuntukmenampilkanisidokumen HTML padajendela browser. • Tag <body>dan tag </body> harus terletak di bawah element head. • Syntax Penulisan <body> ….. </body>

  13. Element BODY • Elemeninimemiliki attribute yang menspesifikasikanwarnadanlatarbelakangdokumen yang ditampilkanpada browser. • Syntax Penulisan <bodytext=“wtext" bgcolor=“wlatar" background=“wlatargambar" link=“wlink" alink=“wlinkaktif" vlink=“wlinkkunjungan"> .............. </body>

  14. Format Text HTML • Mengatur format atautampilan-tampilanteksdalamdokumen html agar tampillebihmenarik. • Elemen-elemen yang digunakan : • BR (Break Line) : utkgantibaris, tanpa tag penutup • P (Paragraph) : utkgantiparagrafdiikutibariskosongdiawaldandiakhirparagraf. Elemen P memiliki attribute aligndgnnilaileft, centerdanright

  15. Format Text HTML • Elemen-elemen yang digunakan : • H1, H2, H3, H4, H5, H6 (Heading) : utkmembuatjudulteksdengan 6 jenisukuranhurufdantercetaktebal. Memiliki attribute aligndgnnilaileft, center danright • B (Bold) : utkmenebalkantampilanteks • I (Italic) : utkmenampilkanteks miring • U (Underline) : utkmemberigarisbawah pd teks • PRE (Preformat) : utkmenampilkanteksapaadanya

  16. Format Text HTML • Elemen-elemen yang digunakan : • CENTER : utkmenampilkanteksdgnposisi horizontal ditengah • BASEFONT : utkmengubahdasarukuranhuruftampilandari browser. Memiliki attribute sizedgnnilai 1 – 7 pixel. Tidakmempunyai tag penutup. • FONT : utkmengubahjenis, ukurandanwarnahuruf. Memiliki attribute color utkwarna, faceutkjenishurufdansizeutkukuranhuruf

  17. Format Text HTML • Elemen-elemen yang digunakan : • HR (Horizontal Rule) : utkmembuatgaris horizontal. Tanpa tag penutup. Memiliki attribute aligndgnnilaileft, center, right attribute sizeutkketebalangaris, attribute widthutkpanjanggarisdan attribute noshadeutkmembuatgaris solid

  18. Hyperlink Digunakanuntukmenghubungkanhalaman yang adadalamsatusitus (Internal Link) ataupadasitus yang lain (Eksternal Link). Hyperlink mempunyaiatribute : href, namedantarget href : sebagai hypertext reference eksternal URI (uniform resource identifier) name : menghubungkanketujuandlmhalaman web (anchor) target : utkmenampilkanhalaman web padasatujendelaygsamaatujendelabaru

  19. Hyperlink Syntax Hyperlink <a href=“URI” name=“Name” target=“Target”> hypertext</a> URI = alamat URL absolute/relatif Name = nama anchor/penghubungpadahalaman web Target = tempatmenampilkanhalaman (_blank, _top, _self, _parent) Hypertext = visualisasiteks yang ditampilkan

More Related