Scribd Logo
Unggah

Selamat datang di Scribd!

  • Dasar HTML

    Diunggah oleh

    Dani Etsu
    7 tayangan6 halaman
    dasar dasar html

    Judul Asli

    dasar html

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    dasar dasar html

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    7 tayangan6 halaman

    Dasar HTML

    Diunggah oleh

    Dani Etsu
    dasar dasar html

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 6

    PERTEMUAN1

    KompetensiDasar :MenjelaskankonsepdasardanteknologiWebpage Materiyangakandibahas: 1. Kegunaandaridokumendanaudiens 2. BahasaHTML 3. Strukturdasarpenulisandokumen 4. Sitemapdokumendikembangkandandenganklien

    1.

    Kegunaandaridokumendanaudiens HTTPatauHypertextTransferProtokolmerupakanprotokolyangdigunakanuntuk mentransferdataataudocumentyangberformatHTMLdariwebserverkebrowser (InternetExplorer,NetscapeNavigator,NeoPlanet,dll).DenganHTTPinilahyang memungkinkanAndamenjelajahinternetdanmelihathalamanweb. UntukmembuatdokumenHTMLhanyadibutuhkansebuahaplikasitekseditorbiasa. NamunsekaranginidipasaranterdapatbanyaksekaliHTMLauthoring(softwareyang digunakanuntukmembuatataumendesainhalamanweb).MacromediaDreamweaver, AdobeGoLive,MSFrontPagesekedarcontohnya.Tetapitanpamengetahuidasar dasarnyaAndatidakakanmemperolehhasilyangmaksimal.Mengapa?Karenawalaupun softwaresoftwaretersebutsemakinmenawarkankemudahandalammembuathalaman web,tetapibiasanyaseseorangmasihperluuntukmengedithalamanwebtersebut secaramanual.Terutamauntukhalamanwebyangsangatkomplek.

    2.

    BahasaHTML HTMLatauHypertextMarksupLanguagemerupakansalahsatuformatyangdigunakan dalampembuatandokumendanaplikasiyangberjalandihalamanweb.Sebenarnya, dokumenHTMLhanyalahsebuahdokumenteksbiasadandisebutsebagaiMarkup Languageyaknibahasayangmengandungtanda(tag)tertentuyangdigunakanuntuk mengaturformattampilansuatudokumen.

    3.

    Strukturdasarpenulisandokumen Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer.Yaitudiawalidengan<namatag>dandiakhiridengan</namatag>(terdapat tanda "/"). Struktur dasar dokumen HTML berisi elemenelemen atau tag sebagai berikut:

    <html> <head> <title>JudulHalamanWeb</title> </head> <body> ISIHalamanWEB </body> </html>

    Keterangan: <html>..</html> Mendefinisikan bahwa teks yang berada diantara kedua tag tersebutadalahfileHTML. <head>..</head> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tagtag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE&META. <title>..</title> Sebagaititelataujudulhalaman/form.Kalimatyangterletak di dalam tag ini akan muncul pada bagian paling atas browserAnda(padatitlebar). <body>..</body> Mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor,

    background,text,link,vlink,alink,leftmargindantopmargin.
    Sekaranguntuklatihanpertamakita,marikitabuatdokumenHTMLsederhana.Ikuti langkahlangkahberikutini: 1. BuatdirektoridengannamalatihandidriveC:.Danselanjutnyadalamdirektori inikitaakanmenyimpansemuafilefilelatihankita. 2. BukaBrowser,misalnyaInternetExploreratauNetscapeNavigator. 3. BukaprogramaplikasitekseditormisalnyadalamlatihaniniadalahNotepad. 4. Mulaibarispalingatas,tuliskan: <html> <head> <title>Latihan1</title> </head> <body> Iniadalahhalamanwebpertamasaya. </body> </html>

    5. SimpanfileandadengancaraklikmenuFileSave:

    6. Selanjutnyapilihdirektorilatihanyangtadikitabuat. 7. PadaboxFilename,isikannamafilenyadenganLatihan1.html 8. PadadropdownlistdiSaveastype,pilihAllFiles.Sehinggatampilannyaseperti berikut:

    9. SimpanproyekandadenganmengklikpadatombolSave Untuk menjalankan kodekode tersebut, silahkan buka browser seperti Internet Explorer,MozilaFirefox. 1. KlikmenuFileOpen

    2. SetelahjendelaOpenterbuka,kliktombolBrowse

    3. Ketikajendelabaruterbuka,pilihdirektoriLatihandanpilihfileLatihan1.html.

    4. Klik tombol Open lalu tekan tombol Ok, halaman web yang ditampilkan dalam browseradalahsepertiberikut:

    Catatan: 1 SemuadokumenHTMLmempunyaiekstensi.html(atau.htm) 1 Semua halaman web (homepage) mempunyai file Latihan1.html. File

    Latihan1.htmlsecaraotomatisakandipanggilketikaalamatsebuahdomainatau direktoritempatmenyimpanfiletersebutdibukadibrowser.
    4. SiteMapdikembangkanolehklien. Perancangan Situs Web yang akan dibuat dapat dilakukan dengan membuat site map. Site map adalah peta situsyang dibuat untuk memudahkan klien dalam mengexplorasi situsweb. Contoh

    HOME

    CONTACTUS

    DOWNLOAD SOFTWARE EBOOK GAME IMAGE

    TUTORIAL HTML PHP MYSQL FLASH

    Artinya, situs web diatas memiliki 4 halaman web utama (HOME, CONTACT US,DOWNLOAD,TUTORIAL)danmemilikibeberapahalamanwebcabang.
    Sumber: SWR.OPR.304.(3).A

    ModulMengoperasikanBahasaPemrogramanBerbasisWebKaryaJamiatulKhoir

    Anda mungkin juga menyukai