Scribd Logo
Unggah

Selamat datang di Scribd!

  • Interpretasi HTML

    Diunggah oleh

    Rahmi
    5 tayangan8 halaman

    Judul Asli

    interpretasi HTML.docx

    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

    Hak Cipta:

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

    Interpretasi HTML

    Diunggah oleh

    Rahmi

    Hak Cipta:

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

    Tugas Final Rancangan Web

    Nama : Rahmi

    Nim : 1617140005

    Prodi : Statistika

    Syntax untuk HTML

    Nama file : ranweb.html


    <!DOCTYPE html> Memberitahu programer, HTML versi berapa yang
    digunakan dan juga membantu programer untuk
    dapat menggunakan tag-tag HTML dengan benar.

    <html> Mendefinisikan root dari suatu dokumen HTML

    <head> Memberikan informasi tentang dokumen

    <title>final rancangan web</title> Membuat Judul blog programer sehingga tampil


    final rancangan web

    <Link rel="stylesheet" Menghubungkan html dengan css


    href="bismillah.css"> Yaitu bismillah.css

    </head> Menutup informasi dokumen tentang dokumen

    <body> Menentukan isi atau dokumen ditampilkan di web


    dapat berupa teks,gambar,animasi,link dan lain-lain

    <div class="container"> Membungkus semua elemen


    ( header,navigasi,isi,dan footer) dengan satu
    elemen utama .Jadi dengan perintah container ini,
    tidak susah lagi memanggil perintah untuk bagian
    navigasi,main,dan footer karena semua
    digabungkan dalam satu halaman

    <div class="header"> Memberikan informasi tentang dokumen

    <h1> MUHAMMAD AL FATIH Menunjukkan awal dari suatu judul dari dokumen
    1453</h1> HTML dengan Judul MUHAMMAD AL FATIH
    1453
    <ul> Mendefinisikan daftar dalam format bullet

    <li><a href="#">home</a></li> Menampilkan informasi dalam bentuk item daftar


    sehingga menampilkan Home

    <li><a href="#">about</a></li> Menampilkan informasi dalam bentuk item daftar


    sehingga menampilkan about

    <li><a href="#">contact</a></li> Menampilkan informasi dalam bentuk item daftar


    sehingga menampilkan contact

    <li><a href="#">search</a></li> Menampilkan informasi dalam bentuk item daftar


    sehingga menampilkan search

    </ul> Menutup daftar dalam bentuk bullet.

    </div> Menutup section dalam dokumen

    <div id="runningtext"> Perintah atas nama running text

    Memberikan perintah untuk membuat berjalan


    <marquee behavior="scroll" suatu text
    scrollamount="3" Behavior dalam bentuk scroll,
    onmouseover="this.stop();" Onmouseover= "this.stop();" dan
    onmouseout="this.start();"direction=" onmouseout="this.start();" yaitu ketika mouse
    left"> ditepatkan pada teks maka text akan berhenti dan
    berjalan kembali. Untuk direction yaitu arah teks
    berjalan

    Teks yang digunakan Assalamualaikum


    Warahmatullahi Wabarakatuh
    *** Assalamualaikum
    Warahmatullahi Wabarakatuh***

    </marquee> Penutup perintah untuk membuat text berjalan


    suatu text

    </div> Untuk menutup section dalam dokumen

    <div class="hero"></div> Digunakan sebagai tempat untuk menampilkan


    gambar
    <div class="content cf"> Digunakan sebagai tempat menampilkan isi

    <div class="main"> Tempat menampilkan bagian utama dari isi

    <p class="penulis">Ditulis oleh <a Perintah untuk menampilkan text penulis dan
    href="#">Rahmi</a>. pada 16 tanggal penulisan atau publikasi.
    Desember 2018.</p>

    <p>Kota Konstantinopel akan jatuh


    ke tangan Islam. Pemimpin yang
    menaklukkannya adalah sebaik-baik
    pemimpin dan pasukan yang berada <p> Memberikan perintah untuk menampilkan
    di bawah komandonya adalah sebaik- paragraph dalam suatu text hingga </p> adalah
    baik pasukan.” [H.R. Ahmad bin menutup suatu paragraph atau menutup kalimat
    Hanbal Al-Musnad 4/335].</p> yang ada.
    <h2>Pendidikan Masa Kecil</h2> Menunjukkan awal dari suatu judul ke dua dari
    pada dokumen HTML yaitu Pendidikan Masa Kecil

    <p>Tak dipungkiri bahwa pendidikan


    masa kecil berpengaruh besar pada
    terbentuknya karakter seseorang.
    Sultan Mehmed II bin Murad II, yang
    lebih dikenal dengan nama
    Muhammad Al-Fatih mendapatkan
    pendidikan yang sarat dengan ilmu,
    yang berkaitan dengan fiqh, alQur’an
    maupun bersifat umum, seperti
    astronomi, matematika, bahasa, dll.
    Syaikh Aaq Syamsuddin menjadi
    salah satu pilihan Sultan Murad II
    untuk mendidik putranya. Syaikh <p> Memberikan perintah untuk menampilkan
    Aaq bukan sembarang ulama, beliau paragraph dalam suatu text hingga </p> adalah
    adalah seorang polymath, ulama yang menutup suatu paragraph atau menutup kalimat
    menguasai berbagai bidang dan yang ada.
    berwawasan luas, sehingga Mehmed
    benar-benar mendapatkan ilmunya
    dari seseorang yang tepat.<p/>
    <P>Keluasan ilmu umum yang
    didukung dengan pemahaman agama
    yang kuat membentuk Mehmed
    menjadi karakter yang cerdas dan
    berakhlak. Kekaguman Mehmed
    kepada Rasulullah Saw tak luput dari
    pelajaran sirah nabawiyah yang
    disampaikan Syaikh Aaq. Tak
    dipungkiri bahwa ‘obsesi’ Kesultanan
    Utsmani dari generasi ke generasi
    adalah menaklukkan Konstantinopel.
    Sehingga, Mehmed pun tumbuh
    dengan obsesi tersebut, menaklukkan
    Konstantinopel dan menjadi sebaik-
    baiknya pemimpin.</p>
    <h3>Konstantinopel Harus Menunjukkan awal dari suatu judul ke tiga dari
    Takluk</h3> pada dokumen HTML yaitu Konstantinopel Harus
    Takluk

    <p>Keinginan yang menggebu untuk


    menaklukkan Konstantinopel
    membuat Mehmed harus memutar
    otak. Kekuatan benteng darat
    Konstantinopel yang berlapis tiga
    menjadi bagian tersulit untuk
    menembus kota. Apalagi wilayahnya
    yang sebagian besar di keliling laut
    membuat kota ini tak terembus
    selama berabad-abad.</p>
    <p>Sultan Mehmed belajar dari
    sejarah, yang berkaitan dengan upaya
    para pendahulunya untuk
    menaklukkan Konstantinopel, apa
    kekurangan yang membuat rencana
    mereka gagal. Sembari belajar dari <p> Memberikan perintah untuk menampilkan
    pengalaman generasi sebelumnya, paragraph dalam suatu text hingga </p> adalah
    Mehmed mengumpulkan ahli dari menutup suatu paragraph atau menutup kalimat
    berbagai ilmu untuk mendukung yang ada.
    rencananya.</p>
    <p>Strategi-strategi yang
    dilakukan Sultan Mehmed II
    dijelaskan cukup detail dalam buku
    ini, dengan dilengkapi gambar-
    gambar pendukung. Sayangnya,
    beberapa gambar agak
    membingungkan seperti struktur
    benteng konstantinopel atau peta 3D
    dari Konstantinopel.</p>
    <p>Bagian yang menarik dari
    buku ini adalah layout. Jika sering
    dijumpai layout buku dengan desain
    yang senada pada hampir setiap
    lembarnya, maka Muhammad Al-
    Fatih 1453 memperlihatkan kekuatan
    layout dengan menampilkan desain
    yang disesuaikan dengan isi
    lembarannya. Dukungan layout
    membuat pembaca menjadi lebih bisa
    merasakan perjuangan Sultan
    Mehmed untuk menaklukkan
    Konstantinopel.</p>
    <h4>Allah lah yang Terkuat</h4> Menunjukkan awal dari suatu judul ke empat dari
    pada dokumen HTML yaitu Allah lah yang Terkuat
    <p>1. Langkah pertama untuk
    menentukan terapi yang tepat adalah
    melakukan evaluasi yang menyeluruh
    lebih dulu. Hal ini penting untuk
    mengenali sejauh apa gangguan
    kepribadian yang diderita seseorang
    yang telah dialaminya. Untuk
    mendapatkan diagnosa yang akurat,
    akan dilakukan beberapa macam
    evaluasi terhadap individu yang
    dicurigai mengalami gangguan
    kepribadian. Metode evaluasi tersebut
    yaitu:</p> <p> Memberikan perintah untuk menampilkan
    <p>2. Pemeriksaan Fisik, Dokter paragraph dalam suatu text hingga </p> adalah
    akan memeriksa secara menyeluruh menutup suatu paragraph atau menutup kalimat
    tentang sejarah pribadi, gejala dan yang ada.
    mengajukan pertanyaan yang
    mendalam. Beberapa tes mungkin
    saja dilakukan seperti tes cedera
    kepala, penyakit otak, kelainan pola
    tidur atau kecanduan, semua yang
    dapat menyebabkan kehilangan
    ingatan atau perasaan
    berhalusinasi.</p>
    <p>3. Pemeriksaan Psikiatri, Ahli
    psikiatri atau ahli kesehatan mental
    akan menanyakan mengenai pikiran,
    perasaaan dan tingkah laku individu
    tersebut dan mendiskusikan gejala
    yang dialami. Dengan izin pasien,
    informasi dari keluarga atau orang
    dekat dapat menjadi sangat
    membantu.</p>
    <p>4. Penentuan Diagnosa, Ahli
    kesehatan mental akan
    membandingkan hasil yang
    didapatkannya dengan panduan
    mengenai gejala Dissociative Identity
    Disorder.</p>
    <h8> Terapi</h8> Menunjukkan awal dari suatu judul kedelapan dari
    pada dokumen HTML yaitu bagian Terapi

    <p>Sesungguhnya Allah meletakkan


    pedang di tanganku untuk berjihad di
    jalan-Nya. Maka jika aku tidak
    mampu untuk bersabar dalam
    menghadapi kesulitan-kesulitan ini
    dan tidak aku lakukan kewajiban
    dengan pedang ini maka sangat tidak
    pantas bagiku untuk mendapatkan
    gelar Al-Ghazi yang aku sandang
    sekarang ini. Lalu, bagaimana aku
    akan menemui Allah pada Hari
    Kiamat nanti?” (h. 265).</p>
    <p>Saat ketaqwaan, keyakinan
    dan komitmen menjadi kekuatan <p> Memberikan perintah untuk menampilkan
    dalam diri manusia, perubahan besar paragraph dalam suatu text hingga </p> adalah
    dapat terjadi. Meski Sultan Mehmed menutup suatu paragraph atau menutup kalimat
    memiliki pasukan yang lebih banyak yang ada.
    dibandingkan Konstantinopel, dia
    tidak lantas menyombongkan diri.
    Pendidikan akhlak yang ditempa
    sejak dini menjadikannya sosok yang
    tetap menyandarkan kekuatannya
    kepada Sang Maha Kuat, Allah
    SWT.</p>
    <p>Perjuangan Sultan Mehmed
    untuk menaklukkan Konstantinopel
    sering menemui kegagalan, tak jarang
    memunculkan suara sumbang yang
    tidak mendukung, bahkan sempat
    muncul benih-benih pemberontakan
    dalam pasukan Yaniseri. Namun
    kembali lagi, Sultan Mehmed
    meyakini akan kepastian
    terealisasinya “ramalan” Rasulullah,
    melalui pedangnya.</p>
    <p>Demi merobohkan benteng
    konstantinopel, tak sekadar inovasi
    senjata yang diciptakannya tapi juga
    peningkatan ibadahnya dan seluruh
    prajuritnya. Kalimat, sebaik-baiknya
    pemimpin dan sebaik-baiknya
    pasukan, diyakini Sultan Mehmed
    sebagai pengingat bahwa pemimpin
    dan pasukan yang dimaksud harus
    mendapatkan ridha-Nya. Dan ridha
    akan tercapai jika mereka
    mendekatkan diri dan melandaskan
    peperangan ini demi Allah semata.
    Pemandangan shalat berjamaah dan
    lingkungan yang dipenuhi dengan
    tilawah menjadi gambaran kondisi
    perkemahan pasukan Utsmani saat
    pengepungan Konstantinopel.</p>
    </div> Untuk menutup section dalam dokumen

    <div class="sidebar"> Memberi sebuah keterangan atau yang lain. Dan


    kalimatnya terletak pada sisi kiri atau kanan dari
    tempat ditulisnya artikel

    <h5> About Writer :)</h5> Menunjukkan awal dari suatu judul ke lima dari
    pada dokumen HTML tentang penulis

    <img src="img/rahmi.jpg"> Bagian ini adalah perintah untuk menampilkan


    <p> RAHMI</p> gambar, misal gambar dari penulis .
    <p> Statistika FMIPA UNM</p> Kemudian memberikan text atau kalimat dekat
    gambar penulis
    <hr> Memberi garis bawah pada text
    <p> Semoga Website ini
    Bermanfaat:)</p>
    <div class="footer"> Pada class footer, menunjukkan bagian akhir dari
    suatu artikel
    <p class="copy"> Copyright 2018. Digunakan untuk menampilkan sumber dari artikel
    timbunanresensi.wordpress</p> tersebut
    </body> Menutup isi suatu dokumen ditampilkan di web
    browsernya yang dapa tberupa teks, gambar,
    animasi, link, dan seterusnya.

    </html> Menutup pendefinisian root dari suatu dokumen


    HTML

    Sumber:
    Youtube
    1. https://m.youtube.com/watch?v=LZhsmkbrY_g
    2. https://m.youtube.com/watch?v=cis0O2GgUVI&index=12&list=PLFIM0718LjIUu4Ju9
    GUL5zpLcuq08TKYr&t=0s

    Anda mungkin juga menyukai