Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

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.