Tuesday, November 6, 2018

Animasi Teks HTML



Assalamualaikum wr wb

Hallo semuanya pengunjung blog ini, kembali lagi dengan saya di #SharingSession, hari ini saya akan sharing Mengenai Animasi Teks HTML, 


1.Text Berkedip

 ini digunakan agar text di HTML berkedip-kedip . contoh penulisan nya seperti ini :
<blink>text kamu</blink>


2.Text bergerak dari kanan ke kiri
 <marquee>TEXT</marquee>

  script ini digunakan untuk perilaku gerakan text/gambar dari kanan ke kiri

3.Text  bergerak dari kiri ke kanan

 <marquee direction="right">TEXT</marquee>

 script ini digunakan untuk perilaku gerakan dari kiri ke kanan

4.Text bergerak dari kanan ke kiri

<marquee behavior="alternate">TEXT</marquee>

script ini digunakan untuk perilaku gerakan text berjalan ke kiri dan ke kanan

5.Text dari atas ke bawah

<marquee direction="up">TEXT</marquee>

Kode ini digunakan untuk perilaku gerakan berjalan ke atas

6.Text dari bawah ke atas

<marquee direction="down">TEXT</marquee>

script ini digunakan untuk perilaku gerakan teks berjalan ke bawah

7.Text bergerak dari atas ke bawah

<marquee direction="up" behavior="alternate">TEXT</marquee>

Kode ini digunakan untuk perilaku gerakan berjalan ke atas dan ke bawah

8.Text zigzag

<marquee behavior="alternate" direction="up"
width="80%"><marquee direction="right">TEXT</marquee></marquee>

Kode ini digunakan untuk perilaku gerakan terbang zigzag

9.Text zigzag atas ke bawah

<marquee behavior="alternate" direction="up"
width="80%"><marquee direction="right"
behavior="alternate">TEXT</marquee></marquee>

Kode ini digunakan untuk perilaku gerakan berjalan zigzag ke atas dan ke bawah

10.Text panah

<marquee behavior="alternate" width="10%">>></marquee>TEXT<marquee behavior="alternate"
width="10%"><<</marquee>

Kode ini digunakan untuk menampilkan tanda panah ke teks

11.Text background berwarna animasi

<font ><marquee direction="left" style="background:BLUE">TEXT</marquee></font>

Kode ini digunakan untuk perilaku gerakan berjalan dari kanan ke kiri dengan latar belakang warna, anda bisa merubahnya dengan kode warna lain


12.Text animasi border

<marquee style="border:BLUE 2px SOLID">TEXT</marquee>

Kode ini digunakan untuk perilaku gerakan berjalan dari kanan ke kiri dengan dikelilingi garis tepi (border)

13.Text hidden marquee

<marquee behavior="alternate"><marquee
width="150">TEXT</marquee></marquee>

Kode ini digunakan untuk perilaku gerakan berjalan dengan hanya menampilkan bagian depan textnya saja atau hidden marquee

14.Text animasi gelombang

<marquee behavior=alternate direction=up scrollamount=2
scrolldelay=65 height=80 style="Textalign;filter:wave(add=0,phase=1,

freq=1,strength=15,color=.FFFFFF)"><center>TEXT<br>TEXT</c
enter></marquee>

Kode untuk perilaku gerakan berjalan seperti gelombang ombak ke atas dan ke bawah




Itu saja sharing kita untuk saat ini nantikan #SharingSession kita selanjutnya semoga bisa bermanfaat, Terima kasih Wassalamualaikum.

Tag - Tag Pada HTML


Assalamualaikum wr wb

Hallo semuanya pengunjung blog ini, kembali lagi dengan saya di #SharingSession, hari ini saya akan sharing mengenai Tag Pada HTML 

Apa itu Tag HTML ?


Saat web browser menampilkan sebuah halaman web, web browser membaca halaman web tersebut dari sebuah file teks dan kemudian mencari kode-kode special (dalam hal ini adalah tag HTML) yang ditandai dengan karakter "<" dan ">".
Tag HTML pada umumnya dibuat berpasangan, ada tag pembuka dan ada tag penutup.

Format umum tag HTML adalah :


<nama_tag> Teks yang akan ditampilkan </nama_tag>

Kumpulan Tag pada HTML

Karena banyak sekali Tag dan atribut pada HTML, saya akan bantu untuk mendefinisikan kegunaan Macam- macam Tag secara satu persatu, pada tabel dibawah ini:
TagPenjelasan
<!--...-->Mendefinisikan Komentar
<!DOCTYPE>Mendefinisikan tipe atau jenis dokumen
<a>Mendefinisikan hyperlink
<abbr>Mendefinisikan sebuah singkatan atau akronim
<acronym>Tag ini tidak didukung pada HTML5. Gunakan <abbr> sebagai penggantinya pada HTML5. Mendefinisikan akronim
<address>Mendefinisikan informasi kontak penulis atau pemilik dokumen
<applet>Tag ini tidak didukung pada HTML5. Gunakan <embed> atau <object> sebagai penggantinya pada HTML5. Mendefinisikan embedded applet
<area>Mendefinisikan sebuah area didalam image-map
Logo HTML5<article>Mendefinisikan sebuah artikel
Logo HTML5<aside>Mendefinisikan selain dari konten halaman
Logo HTML5<audio>Mendefinisikan konten suara
<b>Mendefinisikan teks bold atau cetak tebal
<base>Menentukan basis URL atau target untuk semua URL relatif dalam dokumen
<basefont>Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Menentukan warna default, ukuran, dan font untuk semua teks dalam dokumen
Logo HTML5<bdi>Isolat bagian teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luar itu sendiri
<bdo>Mengganti arah teks saat ini
<big>Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan teks besar
<blockquote>Mendefinisikan bagian yang dikutip dari sumber lain
<body>Mendefinisikan tubuh atau badan dokumen
<br>Mendefinisikan satu baris tunggal atau sama dengan fungsi enter
<button>Mendefinisikan sebuah tombol
Logo HTML5<canvas>Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (biasanya JavaScript)
<caption>Mendefinisikan caption dari sebuah tabel
<center>Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan teks yang posisinya berada ditengah
<cite>Mendefinisikan Judul karya
<code>Mendefinisikan bagian dari code pada komputer
<col>Menentukan sifat kolom untuk setiap kolom dalam <colgroup> element
<colgroup>Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk memformat
Logo HTML5<datalist>Menentukan daftar pilihan yang telah ditentukan untuk kontrol input
<dd>Mendefinisikan deskripsi / nilai istilah dalam daftar deskripsi
<del>Mendefinisikan teks yang telah dihapus dari dokumen
Logo HTML5<details>Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<dfn>Merupakan contoh mendefinisikan istilah
Logo HTML5<dialog>Mendefinisikan sebuah kotak dialog atau jendela
<dir>Tag ini tidak didukung pada HTML5. Gunakan <ul> sebagai penggantinya pada HTML5. Mendefinisikan daftar direktori
<div>Mendefinisikan sebuah bagian dalam sebuah dokumen
<dl>Mendefinisikan daftar deskripsi
<dt>Mendefinisikan istilah / nama dalam daftar deskripsi
<em>Mendefinisikan menekankan teks
Logo HTML5<embed>Mendefinisikan sebuah wadah untuk eksternal (non-HTML) aplikasi
<fieldset>Sebauh Grup untuk pengelompokan dalam form
Logo HTML5<figcaption>Mendefinisikan sebuah caption untuk <figure> element
Logo HTML5<figure>Menentukan konten mandiri
<font>Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan font, warna, dan ukuran dari sebuah teks
Logo HTML5<footer>Mendefinisikan sebuah footer dari sebuah dokumen atau section
<form>Mendefinisikan sebuah form HTML untuk input pengguna
<frame>Tag ini tidak didukung pada HTML5. Mendefinisikan sebuah jendela (frame) dalam sebuah frameset
<frameset>Tag ini tidak didukung pada HTML5. Mendefinisikan sebuah satu set frames
<h1> sampai <h6>Mendefinisikan headings pada HTML
<head>Mendefinisikan informasi tentang dokumen
Logo HTML5<header>Mendefinisikan sebuah header untuk dokumen atau bagian dokumen
<hr>Mendefinisikan perubahan tematik dalam konten atau memberikan garis pada dokumen
<html>Mendefinisikan root dari sebuah dokumen HTML
<i>Mendefinisikan sebuah bagian dari teks dengan suara alternatif atau suasana hati
<iframe>Mendefinisikan sebuah frame inline
<img>Mendefinisikan sebuah image
<input>Mendefinisikan sebuah input control
<ins>Mendefinisikan teks yang telah dimasukkan ke dalam dokumen
<kbd>Mendefinisikan input keyboard
Logo HTML5<keygen>Mendefinisikan sebuah key-pair generator field (for forms)
<label>Mendefinisikan sebuah label dari sebuah <input> element
><legend>Mendefinisikan sebuah caption dari sebuah <fieldset> element
<li>Mendefinisikan sebuah daftar item
<link>Mendefinisikan hubungan antara dokumen dengan sumber daya eksternal (digunakan untuk link ke style sheet)
Logo HTML5<main>Menentukan konten utama dari dokumen
<map>Mendefinisikan client-side image-map
Logo HTML5<mark>Mendefinisikan ditandai / teks yang disorot
<menu>Mendefinisikan daftar / menu perintah
Logo HTML5<menuitem>Mendefinisikan item perintah / menu bahwa pengguna dapat memanggil dari menu popup
<meta>Mendefinisikan metadata tentang sebuah dokumen HTML
Logo HTML5<meter>Mendefinisikan pengukuran skalar dalam kisaran dikenal (gauge)
Logo HTML5<nav>Mendefinisikan navigasi untuk links
<noframes>Tag ini tidak didukung pada HTML5. Mendefinisikan sebuah konten alternatif untuk pengguna yang tidak mendukung frame
<noscript>Mendefinisikan sebuah konten alternatif untuk pengguna yang tidak mendukung script sisi klien
<object>Mendefinisikan sebuah embedded objek
<ol>Mendefinisikan sebuah daftar tersusun
<optgroup>Mendefinisikan sekelompok opsi terkait dalam daftar drop-down
<option>Mendefinisikan sebuah option dari sebuah daftar drop-down
Logo HTML5<output>Mendefinisikan hasil dari sebuah perhitungan
<p>Mendefinisikan sebuah paragraph
<param>Mendefinisikan sebuah parameter untuk sebuah object
<pre>Mendefinisikan teks preformatted
Logo HTML5<progress>Menggambarkan kemajuan tugas
<q>Mendefinisikan sebuah kutipan singkat
Logo HTML5<rp>Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby
Logo HTML5<rt>Mendefinisikan sebuah penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
Logo HTML5<ruby>Mendefinisikan sebuah penjelasan ruby (untuk tipografi Asia Timur)
<s>Mendefinisikan teks yang sudah tidak benar
<samp>Mendefinisikan contoh output dari program komputer
<script>Mendefinisikan sebuah script dari sisi klien
Logo HTML5<section>Mendefinisikan sebuah section didalam sebuah dokumen
<select>Mendefinisikan sebuah daftar drop-down
<small>Mendefinisikan teks kecil
Logo HTML5<source>Mendefinisikan lebih dari satu sumber media untuk elemen media seperti (<video> dan <audio>)
<span>Mendefinisikan sebuah section didalam sebuah dokumen
<strike>Tag ini tidak didukung pada HTML5. Gunakan <del> atau <s> sebagai penggantinya pada HTML5. Mendefinisikan teks strikethrough
<strong>Mendefinisikan teks yang penting
<style>Mendefinisikan informasi style untuk sebuah dokumen
<sub>Mendefinisikan teks subscripted
Logo HTML5<summary>Mendefinisikan sebuah judul yang terlihat dalam sebuah <details> element
<sup>Mendefinisikan teks superscripted
<tabel>Mendefinisikan sebuah tabel
<tbody>Grup isi tubuh dalam sebuah tabel
<td>Mendefinisikan sebuah cell didalam sebuah tabel
<teksarea>Mendefinisikan sebuah input control multiline atau teks area
<tfoot>Grup isi footer dalam sebuah tabel
<th>Mendefinisikan sebuah header cell didalam sebuah tabel
<thead>Grup header dalam sebuah tabel
Logo HTML5<time>Mendefinisikan sebuah tanggal atau waktu
<title>Mendefinisikan sebuah title untuk dokumen
<tr>Mendefinisikan sebuah row didalam sebuah tabel
Logo HTML5<track>Mendefinisikan trek teks untuk elemen media yang (<video> dan <audio>)
Logo HTML5<tt>Tag ini tidak didukung pada HTML5. Gunakan CSS sebagai penggantinya pada HTML5. Mendefinisikan teletype teks
<u>Mendefinisikan teks yang harus berbeda dari teks biasa
<ul>Mendefinisikan sebuah unordered list
<var>Mendefinisikan sebuah variable
Logo HTML5<video>Mendefinisikan sebuah video atau movie
Logo HTML5<wbr>Mendefinisikan sebuah kemungkinan line-break

Itu saja sharing kita untuk saat ini nantikan #SharingSession kita selanjutnya semoga bisa bermanfaat, Terima kasih Wassalamualaikum.