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:

     %    px 

Tinggi:

     %    px 

Bergulir:

    Tersembunyi   Menunjukkan 

Berbatasan:

    iya nih    Tidak 

Hasilkan iframe

?↖x

Buat Tabel ▦

Cols:

Baris:

Berbatasan:

Batas Perbatasan:

    Tidak ditentukan    Jatuh 

Lebar:

     %    px 

Cellpadding:

Hasilkan tabel Tabel Div

?↖x

Buat Tautan 🔗

URL:

Teks:

Judul:

Target:

    Tab yang sama    Tab baru 

Buat tautan

?↖x

Buat Gambar 📸

Sumber:

Deskripsi:

Gaya:

Lebar:

     %    px 

Tinggi:

     %    px 

Mengapung:

    Tidak ada   Kiri   Kanan 

Hasilkan gambar

?↖x

Buat Daftar 📜

Jenis daftar:

    Daftar tidak berurutan   Daftar pesanan    Daftar deskripsi 

Tidak dipesan:

    cakram    lingkaran    kotak    tidak ada 

Dipesan:

    1. 2. 3.    ABC    abc    AKU AKU AKU. AKU AKU AKU.    saya. ii. aku aku aku. 

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 >

?↖x

Tautan yang Berguna 💡

Kode warna RGB Word doc to HTMLDiv tables HTML cleanerHTML blog HTML editor HTMLKonsep dasar validator HTMLsekolah W3 Bisakah saya menggunakan?