Insert Gambar dan Teks HTML Berjalan di Web


Uplink adalah sebuah game layaknya kita menjadi seorang hacker asli di dalam kehidupan yang nyata, dengan tampilan GUI (Graphical User Interface) yang mudah bagus dan mudah dipahami, memungkinkan kita bebas dalam bermain.
Sebuah website jika tanpa gambar akan membuat pengunjung merasa bosan dan terkesan monoton. Ini tentu saja jika di biarkan membuat para pengunjung akan lari ke website lain yang lebih fleksibel soal desain, oleh karena itu kita harus segera menyisipkan gambar. Format gambar yang di dukung adalah JPG, PNG dan GIF, dan ini dia langkahnya
Untuk insert gambar harus memakai src adalah singkatan dari source, adalah alamat dari gambar yang akan ditampilkan. Untuk contoh kode HTML tentang image ini, sediakan sebuah gambar yang akan digunakan sebagai tampilan, Gambar dapat berupa JPEG, PNG, maupun GIF

<!DOCTYPE html>
<html>
<head>
<title>Belajar insert gambar</title>
</head>
<body>
<h1>insert gambar</h1>
<img src="coba.jpg" />
</body>
</html>
Yang kedua dengan memakai atribut alt adalah kepanjangan dari alternative description, alt dipakai untuk keterangan dari gambar jika gambar tersebut gagal ditampilkan oleh browser. Atau web broser yang disetting untuk tidak menampilkan gambar dan codenya adalah:

<!DOCTYPE html>
<html>
<head>
<title>Belajar insert gambar</title>
</head>
<body>
<h1>Inser Gambar</h1>
<img alt="gambar coba" src="coba.jpg"/>
</body>
</html>


Untuk yang ketiga memakai atribut lain untuk menentukan besar dari gambar yang ditampilkan, yaitu width dan height, codenya:

<!DOCTYPE html>
<html>
<head>
<title>Belajar insert gambar</title>
</head>
<body>
<h1>Insert Gambar</h1>
<img alt="Gambar coba" src="coba.jpg" height="450" width="600" />
</body>
</html>


Agar tampilan web tambah lebih menarik bisa ditambah dengan efek teks berjalan, seperti:
•    bgcolor="kode warna"
    untuk mengganti warna dari text marquee,

    marquee bgcolor="blue">Tulisan Yang di inginkan</marquee>

•    direction="left/right/up/down"
    untuk mengatur arah gerakan text/marquee

    <marquee direction=”right”>Tulisan yang di  inginkan</marquee>



•    behavior="scroll/slide/alternate"
    Untuk mengatur  perilaku gerakan.


    o    behavior="scroll"
        Kode untuk membuat text bergerak berputar.

            <marquee behavior="scroll">Tulisan yang di inginkan</marquee>

    o    behavior="slide"
        Kode untuk membuat text bergerak sekali lalu berhenti.

              <marquee behavior="slide">Tulisan yang di inginkan</marquee>

    o    behavior="alternate"
        Kode untuk membuat text bergerak bolak-balik kekanan-kekiri.

            <marquee behavior="alternate">Tulisan yang di inginkan</marquee>

 
•    title="pesan"
    Untuk memberi teks saat mouse berada di atas text.

    <marquee title="Pesan">Tulisan yang di inginkan</marquee>

•    scrollamount="kecepatan"
    untuk mengatur kecepatan text/marquee

    <marquee scrollamount="3">Tulisan yang di inginkan</marquee>

•    scrolldelay="jumlah waktu tunda"
    untuk mengatur waktu tunda gerakan dalam mili detik

    <marquee scrolldellay="2">Tulisan yang di inginkan</marquee>
 


3 comments

avatar

No measurement on the organization that runs the ICO is given so it is difficult to make a forecast.Hashkon ICO

Reply
avatar

Why can't everything be so simple as with Ico Pulse has posted on https://icopulse.com/ico-list/artificial-intelligence? I think that it's one of those articles that people should read to get a glimpse of everything that can be done with the power of computers and their databases. It's something great to achieve.

Reply
avatar

Some detractors,trusted bitcoin casino the most respected bankers and economists, generally believe that they are fast-growing systems without a stable base.

Reply