Scribd Logo
Unggah

Selamat datang di Scribd!

  • Minggu 1-HTML PDF

    Diunggah oleh

    Adla Badzlani
    7 tayangan20 halaman

    Judul Asli

    Minggu_1-HTML.pdf

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    7 tayangan20 halaman

    Minggu 1-HTML PDF

    Diunggah oleh

    Adla Badzlani

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 20

    Dr.

    Rasidin K S, MSi
    HTML
    • HTML adalah singkatan dari Hypertext Markup Language yang
    merupakan sebuah bahasa markup pada internet khususnya
    web berupa kode dan simbol
    • Semua halaman web yang sering anda buka, seperti
    facebook.com, twitter.com, google.com dan lain sebagainya
    ditampilkan dengan menggunakan HTML, jadi bisa dikatakan
    HTML adalah bahasa dasar untuk menampilkan halaman web
    pada web browser
    • HTML saat ini merupakan standar Internet yang didefinisikan
    dan dikendalikan penggunaannya oleh World Wide Web
    Consortium (W3C)
    Pendukung Penyusunan WEB
     Web Browser  Internet Explorer (windows), chrome (windows), safari
    (Mac) dan Firefox (linux ubuntu)
     Text Editor  Notepad++, (2) Sublime Text, (3) Codelobster, dan lain-lain.
    Untuk penyeragaman kita menggunakan Codelobster
     XAMPP
    a. Apache 2.4.4
    b. MySQL 6.5.11
    c. PHP 5.5.0
    d. phpMyAdmin 4.0.4
    e. FileZilla FTP Server 0.9.41
    f. Tomcat 7.0.41 (with mod_proxy_ajp as connector)
    g. Strawberry Perl 5.16.3.1 Portabel
    h. XAMPP Control Panel 3.2.1 (dari hackattack142)
     Bagian XAMPP yang paling penting untuk diketahui adalah:
    • htdoc adalah folder folder file yang akan dijalankan, seperti file PHP,
    HTML dan script lainnya.
    • phpMyAdmin adalah bagian untuk mengelola database MySQL yang
    dikomputer.
     untuk membuka browser dan ketik alamat http://localhost/ phpMyAdmin,
    sehingga halaman phpMyAdmin akan muncul.
    Pendukung Penyusunan WEB

    • Tempatkan seluruh folder kerja pada C:/xampp/htdoc/

    Struktur file HTML


    Tag HTML (Beberapa Contoh)
    Tag Sintax Fungsi
    Pembuka Penutup
    html Dok HTML <html> </html> memulai membuat dokumen dalam format html
    head
    title Judul <title> </title> Membuat Title dari WEB
    hx Heanding <h1> </h1> Mengatur besaran font (Heading = 1, 2, 3, 4, 5, 6)
    P Paragraf <p> </p> Membuat paragraf
    b <b> </b>
    i <i> </i>
    u <u> </u>
    pre <pre> </pre>
    center <center> </center>
    font <font> </font>
    ol <ol> </ol>
    ul <ul> </ul>
    li <li> </li>
    sub <sub> </sub>
    sup <sup> </sup>
    hr <hr/>
    br Line Break <br/> Menganti Baris
    Atribut Properties dan Nilai

    Setipa Tag <> memiliki atribut atau properties dan nilai, sebai contoh:

    Atribut

    <body bgcolor=“green” text=“red”>

    Nilai dari Atribut

    <h1 align=“center” title=“contoh design akuntans”>

    <!--- Tulisakan Komenter -->


    Warna

    Dapat dilakukan dengan Desimal dan Heksadesimal

    RGB(0,0,0)

    Color=“RGB(255,255,255)” Desimal  0 sd 255

    R B
    G

    Color=“#000000” Heksadesimal

    Angka Heksadesimal = 0 - 9 Color=“#09AC3F”


    Color=“#0022FF”
    Huruf Heksadesimal = A - F Color=“#FFFF99”
    Satuan HTML ada dua, yaitu
    1. Pixel (Absolute)
    2. % (Relative)

    Pixel  700px Ukuran Absolut

    Persen)  70% Ukuran Relative


    <ul> <ul type=“circle”> <ul type =“a” type=“square”>
    <li></li> o. a.
    <li></li> o. b.
    <li></li> o. c.
    <li></li> o. d.
    <li></li> o. e.
    </ul> </ul> </ul>

    <ol> <ol type=“1” start=“3”> <ol type =“a”>


    <li></li> 3. a.
    <li></li> 4. b.
    <li></li> 5. c.
    <li></li> 6. d.
    <li></li> 7. e.
    </ol> </ol> </ol>
    Link ke WEB
    <a href="https://www.google.com/” taget=“_blank”</a>
    Lokasi Absolut
    Link ke File
    <a href=“lokasi file yang dituju/” taget=“_blank”</a>

    Lokasi Relative
    Link Internal
    <a href=“#name_target”</a>

    <a name=“name_target”</a>

    Link ke Email
    <a href=“mailto:alamat_email”</a>

    Semua file link akan di buka di browser jika sudah terinstal Plug in dari dari
    extention yang dilink, sementara jika plug in belum terinstall, maka bwoser
    akan bertanya untuk di download
    • Pewarnaan hyperlink tidak diatur pada Tag <a></a>
    • Pengaturan warna link di atur pada tag <body></body>

    <body link="green" alink="blue" vlink="red">

    link active visit


    GIF
    JPEG
    PNG

    <img src=“lokasi dan nama_file_gambar”/>


    Dapat menyisipkan file multimedia Extention
     Menampilkan file video 1. mov
    2. wmv
    <embed src=“nama_file”> </embed>
    3. midi
     Menampilkan Flash dan Youtube 4. swf
    5. fli
    kunjungi situs Youtube cari Share+Embeb dan
    copikan ke dok editor:
    Contoh:
    <iframe width="420" height="315"
    src="//www.youtube.com/embed/RyEn3QLb61
    U" frameborder="0" allowfullscreen></iframe>
     Menyisipkan File Suara
    <h1>, <h2>, <h4>, .... , <h6> digunakan untuk judul dan sub

    judul.

    <p> digunakan untuk membuat paragraf

    <br /> digunakan untuk membuat baris baru,

    <strong> digunakan untuk menembalkan kalimat,

    <em> digunakan untuk membuat kalimat miring.

    <dd>

    <blockquote>

    Anda mungkin juga menyukai