Hot!

Other News

More news for your entertainment
Tampilkan postingan dengan label Lembar Cheat HTML. Tampilkan semua postingan
Tampilkan postingan dengan label Lembar Cheat HTML. Tampilkan semua postingan

Lembar Cheat HTML

Lembar Cheat HTML Lembar Cheat HTML

?↖x

Color Picker 🚦

 
1
Warna teks
Latar Belakang
Batas kotak
Bayangan teks
Bayangan kotak
?↖x

Karakter 🈚

 
 
Sebuah
 
Sebuah
 
Sebuah
 
Sebuah
 
Sebuah
 
Sebuah
 
&
 
<
 
>
"
 
'
 
‹
 
›
 
«
 
»
 
☞
 
$
 
¢
 
£
¥
 
€
 
₹
 
₽
 
元
 
©
 
®
 
☔
 
☕
 
⛹
⛄
 
☠
 
☢
 
♠
 
♣
 
♥
 
♦
 
▲
 
△
 
◯
◼
 
§
 
 
☎
 
☐
 
☑
 
☒
 
✔
 
✘
 
☺
☻
 
♪
 
♫
 
⚐
 
✉
 
✎
 
☀
 
✰
 
★
 
❝
❞
 
❤
 
†
 
➤
 
➧
 
←
 
↑
 
→
 
↓
 
↖
↗
 
↘
 
↙
 
™
 
@
 
✓
 
℃
 
℉
 
+
 
×
÷
 
=
 
≠
 
¼
 
½
 
¾
 
⅓
 
⅔
 
!
 
?
-
 
-
 
⅀
 
Ω
 
ℹ
 
№
 
⚪
 
🙂
 
😀
 
😊
😔
 
🌦
 
🌜
 
🌻
 
🍩
 
🍻
 
🍔
 
🎭
 
🏊
 
🏕
🐵
 
🐺
 
🐾
 
👀
 
👍
 
👎
 
👦
 
👪
 
👫
 
💀
💔
 
💩
 
💪
 
💰
 
💾
 
📁
 
📌
 
🔑
 
🔫
 
🚧
🛠
 
🛒
Semua Karakter
?↖x

Bagaimana cara menggunakan? ‍🎓

?↖x

Tag 🏷

Bagian Div

< div > Blokir elemen </ div >

Pos

< h 1> Judul halaman </ h 1> 
< h 2> Subjudul </ h 2> 
< h 3> Judul tersier </ h 3> 
< h 4> Judul kuarter </ h 4>

Ayat

< p  style = "perataan teks: pusat;" > teks </ p >

Gambar

< img  src = "/demo.jpg"  alt = "description"  height = "48"  width = "100" />

Tautan Keluar

Copycrafter.net adalah tempat yang tepat untuk memesan layanan penulisan makalah perguruan tinggi .
< A  href = "https://htmlg.com/"  Target = "_blank"  rel = "nofollow" > Klik disini </ a >

Tautan mailto

< A  href = "mailto: me@ruwix.com Subject = Hi% 20mate?"  Target = "_top" > Kirim Surat </ a >

Jangkar dalam (lompat di halaman)

< A  href = "#footer" > Langsung ke catatan kaki </ a > 
< br /> 
< a  nama = "footer" > </ a > konten Catatan kaki

Teks tebal

< strong > Teks tebal </ strong >

Teks miring

< em > Teks miring </ em >

Teks yang digarisbawahi

< span  style = "text-decoration: underline;" > Teks yang digarisbawahi </ span >

Iframe

< iframe  src = "link.html"  width = "200"  height = "200" > 
</ iframe >

Singkatan

< abbr  title = "Hypertext Markup Language" > HTML </ abbr >

Komentar

<! - HTML
Komentar ->

Garis horisontal

< jam />

Jeda baris

< Br />

Kutipan

< q > Sukses adalah perjalanan, bukan tujuan. </ q >

< blockquote  cite = "https://ruwix.com/" >
Rubik's Cube adalah mainan puzzle terlaris di dunia.
</ blockquote >

Video

< video  width = "200"  height = "150"  kontrol > 
 < source  src = "vid.mp4"  type = "video / mp4" > 
 < sumber  src = "vid.ogg"  type = "video / ogg" >
 Tidak ada dukungan video.
</ video >

Audio

 < kontrol audio  > 
    < source  src = "sound.ogg"  type = "audio / ogg" > 
    < sumber  src = "sound.mp3"  type = "audio / mpeg" >
    Tidak ada dukungan audio.
</ audio >
?↖x

Struktur 🏗

Meja

< table > < caption > Nomor telepon </ caption > 
    < thead > 
        < tr > 
            < th > Nama </ th > 
            < th  colspan = "2" > Telepon </ th > 
        </ tr > 
    </ thead > 
    < tbody > 
        < tr > 
            < td > John </ td > 
            <td >577854 </ td > 
            < td > 577855 </ td > 
        </ tr > 
        < tr > 
            < td > Jack </ td > 
            < td > 577856 </ td > 
            < td > 577857 </ td > 
        </ tr > 
    </ tbody > 
    < tfoot > 
        < tr > 
            < td > & nbsp;</ td >
            < td > Pribadi </ td > 
            < td > Kantor </ td > 
        </ tr > 
    </ tfoot > 
</ table >

Daftar tidak berurutan

< ul > 
  < li > Pertama </ li > 
  < li > Kedua </ li > 
  < li > Ketiga </ li > 
</ ul >

Daftar definisi

< dl > 
  < dt > HTML </ dt > 
  < dd > Bahasa Marka Hiperteks </ dd > 
  < dt > CSS </ dt > 
  < dd > Cascading Style Sheets </ dd > 
</ dl >

Bentuk

< Bentuk  tindakan = "/action.php"  metode = "post" > 
    Nama: < masukan  nama = "nama"  jenis = "text" />  < br />  
    Umur: < masukan  max = "99"  min = "1"  nama = "usia"  langkah = "1"  jenis = "angka"  value = "18" />  < br />
    < pilih  nama ="gender" > 
        < option  yang dipilih = "dipilih"  value = "laki-laki" > Pria </ option > 
        < option  value = "perempuan" > Perempuan </ option > 
    </ pilih > < br />  
    < masukan  diperiksa = "diperiksa"  name = "newsletter"  type = "radio"  value = "daily" />< Input nama harian = "Buletin"  jenis = "radio"  value = "mingguan" /> Mingguan < br /> 
    < textarea  cols = "20"  nama = "comments"  baris = "5" > Komentar </ textarea > < br /> 
    < label > < input  name = "terms"  type = "checkbox"  value = "tandc" />Terima persyaratan </ label > < Br /> 
    < masukan  jenis = "submit"  value = "Submit" /> 
</ bentuk >
?↖x

Atribut 💅

SINTAKSIS

< tag  attributename = "value" />
- atribut huruf kecil, nilai kutipan

Atribut global

accesskey, class, contenteditable, data- *, dir, draggable, disembunyikan, id, lang, periksa ejaan, style, tabindex, judul
< div  id = "demo"  class = "big"  dir = "ltr"  lang = "en"  
style = "color: red;"  tabindex = "0"  title = "Tooltip"  
contenteditable = "true"  periksa ejaan = "true"  
data-htmlcheat = "99" > Halo World! </ div >

Internasionalisasi: dir, lang, xml: lang

< html  lang = "en-US" >
...
     < p  dir = "rtl" > Kanan ke kiri (Arab) </ p > 
...
</ html >

Tautan: unduh, href, hreflang, media, rel, target, jenis

< A  href = "https://htmlg.com/"  Target = "_blank"  rel = "external"  hreflang = "en"  jenis = "text / html" >
    Link
</ a >

Gambar: src, alt, tinggi, ismap, longdesc, src, srcset, usemap, lebar

< img  src = "/demo.jpg"  alt = "description"  
height = "48"  width = "100"  longdesc = "desc.txt" />

Semua atribut

terimaformulir, masukan
bentuk accept-charset
atribut global accesskey
bentuk tindakan
menyelaraskanapplet, caption, col, colgroup, jam, iframe, img, tabel, tbody, td, tfoot, th, thead, tr
applet alt , area, img, input
skrip async
formulir pengisian otomatis , input
tombol fokus otomatis , input, keygen, pilih, textarea
putaraudio otomatis , video
input penyimpanan otomatis
bgcolorbody, col, colgroup, marquee, table, tbody, tfoot, td, th, tr
audio buffered , video
tantangankeygen
meta charset , skrip
perintah dicentang , input
kutipblockquote, del, ins, q
atribut global kelas
applet kode
applet basis kode
basefont warna , font, jam
colstextarea
colspantd, th
meta konten
Atribut global contenteditable
contextmenuAtribut global
mengontrolaudio, video
daerah koordinasi
objek data
data- *Atribut global
datetimedel, in, time
trek standar
menundaskrip
dirAtribut global
input dirname , textarea
tombol dinonaktifkan , perintah, bidang, input, keygen, optgroup, opsi, pilih, textarea
mengunduha, area
Atribut global yang dapat diseret
Atribut global dropzone
bentuk enctype
untuklabel, output
tombol formulir , bidang, input, keygen, label, meter, objek, output, kemajuan, pilih, textarea
input formasi , tombol
tajuktd, th
kanvas tinggi , embed, iframe, img, input, objek, video
atribut global tersembunyi
meteran tinggi
hrefa, area, base, tautan
hreflanga, area, tautan
Meta http-equiv
perintah ikon
Atribut global id
tautan integritas , skrip
ismapimg
itempropAtribut global
keytypekeygen
jenistrack
labeltrack
langatribut global
naskah bahasa
masukan daftar
loopaudio, bgsound, marquee, video
meteran rendah
html nyata
input maks , meter, kemajuan
input panjang maksimum , textarea
mediaa, area, tautan, sumber, gaya
bentuk metode
input min , meter
beberapainput, pilih
video yang dibisukan
tombol nama , form, fieldset, iframe, input, keygen, objek, output, pilih, textarea, peta, meta, param
formulir novalidate
bukadetail
meteran optimal
masukan pola
pinga, area
input placeholder , textarea
postervideo
pra-muataudio, video
perintah radiogroup
input hanya baca , textarea
rela, area, tautan
input yang diperlukan , pilih, textarea
ol terbalik
baristextarea
rowspantd, th
iframe kotak pasir
opsi yang dipilih
input ukuran , pilih
atribut slot global
spancol, colgroup
periksa ejaanAtribut global
audio src , sematkan, iframe, img, input, skrip, sumber, trek, video
mulaiol
input langkah
atribut gaya global
atribut global tabindex
targeta, area, base, form
judulAtribut global
ketiktombol, input, perintah, sematkan, objek, skrip, sumber, gaya, menu
usemapimg, input, objek
tombol nilai , opsi, input, li, meter, progres, param
kanvas lebar , sematkan, iframe, img, input, objek, video
bungkustextarea
?↖x

Iklan 📣

?↖x

Teks omong kosong 🈹

  • Lorem ipsum
    •  
  • Cupcake ipsum
  • Bahasa Inggris acak
    •  
  • Cina
    •  
  • Spanyol
?↖x

Buat iframe 🖼

URL:
Lebar:
 
Tinggi:
 
Bergulir:
Berbatasan:
Hasilkan iframe
?↖x

Buat Tabel ▦

Cols:
Baris:
Berbatasan:
Batas Perbatasan:
Lebar:
 
Cellpadding:
Hasilkan tabel Tabel Div
?↖x

Buat Tautan 🔗

URL:
Teks:
Judul:
Target:
Buat tautan
?↖x

Buat Gambar 📸

Sumber:
Deskripsi:
Gaya:
Lebar:
 
Tinggi:
 
Mengapung:
Hasilkan gambar
?↖x

Buat Daftar 📜

Jenis daftar:
Tidak dipesan:
Dipesan:
Buat daftar
?↖x

Halaman Kosong 💭

<! DOCTYPE html > 
< html  lang = "en" > 
  < head > 
    < meta  charset = "utf-8" > 
    < title > Judul Halaman </ title > 
    < meta  name = "description"  content = "Kira-kira 155 karakter" > 
    < tautan  rel = "stylesheet"  type = "text / css"  href = "mystyle.css" = "https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" > </ script > 
    < script  src = "script.js" > </ script > 
  </ head > 
  < body > 
    <! - Konten -> 
  </ body > 
</ html >
Paket Unduhan
?↖x

.htaccess ⚙

Paksa HTTPS

Tulis ulang pada
RewriteCond% {HTTPS}! On
RewriteRule (. *) Https: //% {HTTP_HOST}% {REQUEST_URI}

Paksa www

Tulis ulang pada
RewriteCond% {HTTP_HOST} ^ htmlg \ .com [NC]
RewriteRule ^ (. *) $ Http: // www. htmlg.com / $ 1 [L, R = 301, NC]

Paksa non-www

Tulis ulang pada
RewriteCond% {HTTP_HOST} ^ www \. htmlg \ .com [NC]
RewriteRule ^ (. *) $ Http: // htmlg.com / $ 1 [L, R = 301]

Halaman Galat Ubahsuaian

ErrorDocument 500 "Maaf, ada yang salah!"
ErrorDocument 401 https://htmlg.com/404/ 
ErrorDocument 404 404error.html

Arahkan Seluruh Situs

Redirect 301 / https://htmlg.com/

Redirect Halaman Permanen

Redirect 301 /oldlink.html https://htmlg.com/help/ 
Redirect 301 / oldlink https://htmlg.com/about/

Direktori Alias

Tulis Ulang Hidup
RewriteRule ^ source_directory /(.*) target_directory / $ 1

Hapus Ekstensi .php

Tulis Ulang Hidup
RewriteCond% {SCRIPT_FILENAME}! -D
RewriteRule ^ ([^.] +) $ $ 1.php [NC, L]

Blokir Alamat IP

Order deny, allow
Bolehkan dari semua
Tolak dari 123.123.123.123 
Tolak dari 123.123.123.123

Izinkan Akses Dari Hanya Satu IP

# Memerlukan semua ditolak
# Memerlukan ip 123.123.123.123
?↖x

Robots.txt 🤖

Contoh

Agen pengguna: *
Disallow: / dont-index-this-folder /
Sitemap: https://htmlcheatsheet.com/sitemap.xml

Larangan semua robot

Agen pengguna: *
Larang: /
?↖x

Tag Kepala 👦

<! doctype html> 
< html  lang = "en"  class = "no-js" > 
< head > 
    < meta  charset = "utf-8" > 
    < meta  http-equiv = "kompatibel dengan x-ua"  content = "yaitu = edge " > 
    < meta  name = " viewport "  content = " width = lebar perangkat, skala awal = 1.0 " > 
    < link  rel = " canonical " href = "https://htmlcheatsheet.com/" /> 
    <title > HTML CheatSheet </ title > 
    < meta  name = "description"  content = "Deskripsi halaman singkat" > 
    < meta  name = "kata kunci"  content = "html, cheatsheet" /> 
    < meta  property = "fb: admin"  konten = "YourFacebookUsername" /> 
    < meta  property = "og: title"  content = "HTML CheatSheet" />
    < meta  property ="og: ketik"  content = "situs web" /> 
    < meta  property = "og: url"  content = "https://htmlcheatsheet.com/" /> 
    < meta  property = "og: image"  content = "https: / /htmlcheatsheet.com/images/html-cheatsheet.jpg " /> 
    < meta  property = " og: description "  content = " Deskripsi halaman singkat " /> 
    < link  rel = " apple-touch-icon " href = "apple-touch-icon.png" > 
    <tautan  rel = "alternate"  hreflang = "es"  href = "https://htmlcheatsheet.com/spanish/" /> 
    < tautan  rel = "stylesheet"  href = "/styles.css" > 
    < script  src = "/ script .js " > </script> 
</ head >
?↖x

Buka Grafik 📉

<! doctype html>
 < html  xmlns: og = "http://ogp.me/ns#" > 
< head > 
< title > The Rock (1996) </ title > 
< meta  property = "og: title"  content = "Cheat Sheet" /> 
< meta  property = "og: type"  content = "website" /> 
< meta  property = "og: url"  content = "https://htmlcheatsheet.com/"/> 
< meta property = "og: image"  content = "https://htmlcheatsheet.com/demo.jpg" />

Pilihan

< meta  property = "og: audio"  content = "https://htmlcheatsheet.com/track.mp3" /> 
< meta  property = "og: description"  content = "Deskripsi singkat" /> 
< meta  property = "og : determiner "  content = " the " /> 
< meta  property = " og: locale "  content = " en_US " /> 
< meta  property = " og: locale: alternate " content = "es_ES"/> 
< meta  property = "og: site_name"  content = "HTML CheatSheet" /> 
< meta  property = "og: video"  content = "https://htmlcheatsheet.com/video.swf" />
?↖x

Struktur Halaman HTML5 ⚗

tajuk, nav, utama, artikel, bagian, samping, catatan kaki, alamat

✎
< Sundulan > 
    < div  id = "logo" > HTML </ div > 
    < nav >   
        < ul > 
            < li > < a  href = "/" > Rumah </ a > 
            < li > < a  href = "/ link" > Halaman </ a > 
        </ ul > 
    </ nav > 
</ header >
< utama role = "main" > 
    < artikel > 
        < h2 > Judul 1 </ h2 > 
        < p > Konten 1 </ p > 
    </ artikel > 
    < artikel > 
        < h2 > Judul 2 </ h2 > 
        < p > Konten 2 </ p > 
    </ artikel > 
</ utama > 
< bagian >
    Sekelompok konten terkait
</ bagian > 
< samping >
    Bilah samping
</ samping > 
< footer > 
    < p > & salin; HTML Cheatsheet </ p > 
    < alamat > 
        Hubungi < a  href = "mailto: me@htmlg.com" > saya </ a > 
    </ address > 
</ footer >


Daftar Isi