Scribd Logo
Unggah

Selamat datang di Scribd!

  • Modul 1 X TKI 2

    Diunggah oleh

    aniskhoerunn
    8 tayangan4 halaman
    Modul TKJ

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Modul TKJ

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    8 tayangan4 halaman

    Modul 1 X TKI 2

    Diunggah oleh

    aniskhoerunn
    Modul TKJ

    Hak Cipta:

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

    A.

    Anatomi dokumen Web Tag-tag ditulis secara berpasangan, tidak boleh saling tumpang
    HTTP (Hypertext transfer protocol) merupakan protokol yang tindih dengan pasangan tag lain.
    digunakan untuk mentransfer data antara web server ke web browser. Contoh :
    Protocol ini mentransfer dokumen-dokumen web yang ditulis atau <p>
    berformat HTML (Hypertext Markup Language). Dikatakan markup <b>..........</b>
    language karena HTML berfungsi untuk memperindah file teks </p>
    biasa untuk ditampilkan pada program web browser hal ini dilakukan
    b. Element
    dengan menambahkan elemen atu sering disebut sebagai tag-tag
    pada file teks biasa tersebut. Saat ini sudah dikenal HTML5 yang Elemen terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag
    menawarkan berbagai fitur menarik yang tidak didukung oleh HTML penutup.
    sebelumnya. Contoh : Untuk menampilkan judul dokumen HTML diperlukan
    Beberapa fitur yang tersedia pada HTML5 antara lain sebagai elemen title yang dapat ditulis seperti berikut : <title> judul
    berikut: dok </title>
    1. Canvas. Memungkinkan pembuatan gambar dalam kanvas. Dengan
    Tag <title> adalah tag pembuka.
    kanvas ini, gambar dapat disusun sendiri tanpa harus menggunakan
    gambar penuh. Judul dok diantara tag <title> dan tag </title> adalah
    2. Header. Berguna untuk menyatakan judul, yang bisa diisi dengan judul dokumen.
    elemen logo dan nama perusahaan. Tag </title> adalah tag penutup.
    3. Footer. elemen ini berguna untuk menaruh informasi di bagian bawah c. Attribute
    halaman web.
    Attribute digunakan untuk mendefinisikan property dari suatu elemen
    4. Time. Berguna untuk menyajikan informasi tentang waktu.
    5. Audio. Memungkinkan penyajian suara. HTML. Attribute tersusun dari nama attribute dan nilai attribute.
    6. Video. Memungkinkan penyajian video. Penulisannya sebagai berikut:
    <body bgcolor=red text=black>
    B. Mengenal tag, atribut, dan elemen. Tampilan Informasi dalam web.
    a. Tag </body>
    Adalah teks khusus (markup) yang ditulis diantara < dan >. Keterangan:
    Contoh : <body> adalah tag dengan nama body. bgcolor : nama atribut.
    Secara umum tag ditulis secara berpasangan, yang terdiri dari tag red : nilai atribut.
    pembuka dan tag penutup (ditambah karakter / setelah karakter Secara umum nilai atribut harus berada dalam tanda petik satu atau
    <. dua.
    Contoh : jika tag <body> adalah tag pembuka, maka tag
    </body> adalah tag penutup.
    C. Struktur Dasar (Anatomi) Dokumen HTML <body> di awal, setelah tag </head>. </body> di akhir, diletakkan
    <html> sebelum tag </html>
    <head>
    <title>Di sini untuk judul dokumen HTML</title> Atribut <body>:
    </head> Nama Atribut Fungsi
    <body> Background Background berupa gambar
    .........................
    Di sini berisi teks, gambar atau apapun yang akan Bgcolor Background berupa warna (default putih)
    tampil pada halaman web Text Warna text dokumen (default hitam)
    .......................... link Warna link dokumen (default biru)
    </body>
    </html>
    vlink Warna visited link dokumen (default ungu)
    alink Warna aktif link dokumen ( default merah)
    Berikut adalah penjelasan untuk struktur dasar HTML:
    a. <html > D. Pengaturan properti dokumen
    Properti document diatur melalui atribut-atribut yang terdapat dalam
    Merupakan tag dasar untuk mendefinisikan bahwa dokumen ini
    elemen <body>. Sebagai contoh adalah pengaturan warna latar
    adalah dokumen HTML, tag ini merupakan keharusan bagi belakng halaman, wana teks, warna link dan lain-lain
    pemrograman web untuk menuliskannya sebagai tag pertama dalam
    dokumen HTML. E. Kode Warna
    <html> di awal dokumen dan </html> di akhir dokumen. Dalam pengaturan warna menggunakan kode RGB yang mana
    <html> ..................</html> ditampilkan dalam nilai heksadesimal. Setiap bagian dua gigit kode
    b. <head> menunjukkan banyaknya intensitas dari kombinasi warna merah,
    hijau dan biru. Sebagai contoh 00 pada dua digit pertama berarti
    Merupakan tag berikutnya setelah <html> untuk menuliskan
    tidak ada warna merah dalam kombinasi warna.
    keterangan tentang dokumen web yang akan ditampilkan. Contoh kode warna :
    <head> diawal setelah <html>, dan </head> di akhir section head. Color Hexadecimal Color Hexadecimal
    <head> ..................</head> White #FFFFFF Black #000000
    c. <title>
    Red #FF0000 Green #00FF00
    Merupakan tag di dalam head yang harus dituliskan untuk
    Blue #0000FF Magenta #FF00FF
    memberikan judul pada jendela browser web tentang judul dari
    Cyan #00FFFF Yellow #FFFF00
    halaman dokumen web yang sedang ditampilkan dalam browser.
    <title> judul dokumen </title> Aquamarine #70DB93 Chocholate #5C3317
    d. <body> Violet #9F5F9F Brass #B5A642
    Merupakan section utama dalam dokumen web. Pada section nini Coper #B87333 Pink #FF6EC7
    dokumen yang akan ditampilkan di dalam browser harus dituliskan.
    F. Elemen Paragraf <h3> Ini heading 3 </h3>
    Setiap paragraf harus dimulai dengan memberi tag <p>. Di <h4> Ini heading 4 </h4>
    akhir paragraf tidak diharuskan menuliskan tag </p> sebagai akhir <h5> Ini heading 5 </h5>
    paragraf. Setiap pergantian paragraf harus dimulai dengan tag <p> <h6> Ini heading 6 </h6>
    kembali. </body>
    Elemen paragraf dapat diatur perataannya. Atribut yang digunakan </html>
    untuk membuat perataan teks paragraf adalah align dengan nilai atribut
    kiri (left), tengah (center), kanan (right), dan kanan-kiri (justify). Hasil dari program di atas seperti berikut:

    Contoh kode program untuk membuat paragraf :


    <html>
    <head>
    <title>Di sini untuk judul dokumen HTML</title>
    </head>
    <body>
    <p>Di sini untuk penulisan isi/ konten informasi
    Web</p>
    <p align=center>Di sini untuk penulisan isi/
    konten informasi Web</p>
    </body>
    </html>

    G. Element Heading
    Teks dalam suatu dokumen umumnya mempunyai judul topik, pada
    dokumen HTML judul ini disebut heading. Heading tulisan akan
    ditampilkan dengan huruf yang paling besar atau ditebalkan. Ada enam
    tingkatan heading dalam HTML mulai dari heading 1 sampai heading 6.
    <html> H. Mengatur Letak Heading
    <head> Tag heading memiliki attribute yang dapat digunakan untuk mengatur
    <title>Latihan</title> letak heading dalam baris (align). Alignment heading :
    </head> Kiri - left
    <body> Tengah center
    <h1> Ini heading 1 </h1> Kanan right
    <h2> Ini heading 2 </h2>
    Sama dengan perataan pada paragraf, mengatur letak heading juga
    menggunakan atribut align.

    <html>
    <head><title>Contoh Letak Heading</title></head>
    <body>
    <h1 align=center> Ini heading 1 di tengah </h1>
    <p> Heading di atas diposisikan di tengah baris.
    Heading di atas diposisikan di tengah baris. Heading
    di atas diposisikan di tengah baris. </p>

    <h1 align=right> Ini heading 1 di kanan </h1>

    <p> Heading di atas diposisikan di kanan baris.


    Heading di atas diposisikan di kanan baris. Heading
    di atas diposisikan di kanan baris. </p>
    </body>
    </html>

    I. Line break
    Line break digunakan ntuk menampilkan suatu teks pada baris baru
    dalam suatu paragraf. Untuk membuat line break menggunakan tag <br>
    sebelum teks yang akan dibuat baris baru. Tag <br> sama fungsinya
    dengan enter.

    contoh tampilan tidak menggunakan line break:


    URLHostingWeb BrowserWeb Server

    contoh tampilan menggunakan line break:


    URL
    Hosting
    Web Browser
    Web Server

    Anda mungkin juga menyukai