Catatan Blog.

  • | Home |
  • | Bok |
  • | Tabel |
  • | Warna |
  • | Yusni Tria Yunda |
    Boks W/H Auto
    | Beserta Daftar Warna Boks, dan Formatnya.
    .
    1|
    |
    2|
    |

    3|
    |

    4|
    |

    5|
    |

    6|
    |

    7|
    |

    8|
    |

    9|
    |

    10|
    |

    11|
    |

    12|
    |

    13|
    |

    14|
    |

    15|
    |

    16|
    |
    .
    |

Sabtu, 15 Februari 2020

Membuat html Tabél.

Masukan Div di dalam [setelah] td pembentuk Kolom di dalam Formulasi Tabél ["table"].

Komponén - komponén Div yang diperlukan, adalah;

1. div style, yaitu gaya dari div yang hendak diséting/dibuat.

2. div style, dapat terdiri dari beberapa sub_komponén, di antaranya;

2.1. border, yang diikuti penentuan ukuran garis "border" tersebut, yang bersatuan px. Misal》border: 0.1px.

2.1.1. border yang telah ditentukan ukurannya tersebut, kemudian diikuti dengan penentuan warna, misal: transparent.

2.1.2. kemudian border ditentukan ukuran sisi - sisi luarnya sebagai Persegi Panjang [ataupun bok], mencakup: height: (isikan berapa px yang dikehendaki), juga lébarnya (width:(isikan berapa px))

2.1.3. ukuran - ukuran margin [margin-left: (isikan berapa px), margin-top (isikan berapa px), juga demikian dengan margin-right, dan atau serta margin-bottom.

2.1.4. tentukan cara scroll [cara layar digulung], misal》overflow:auto.

2.1.5. tentukan padding ['jarak dalam', antara objék di dalam bok dari sisi luar bok], misal》padding:1px.

Sétingan div pertama tadi, dapat diikuti dengan sétingan div ke-2, dan seterusnya, sebelum div pertama tadi ditutup dengan sepasang tanda kurung sudut berisikan /div.

Maksud adanya beberapa div ini adalah guna membuat bok di dalam bok, atau secara tabélisasi adalah membuat baris di dalam baris, ataupun membuat kolom - kolom, yang Jendéla Penampilnya adalah div pertama tadi.

"Space" yang tersedia di antara div ke-1, dengan div ke-2 [juga di antara div - div lainnya, yang saling berurutan penulisannya], dapat diisikan keterangan judul [mengenai apa isi kolom - baris tersebut, misalnya: vidio mengenai/berjudul (...)].

div ke-2, setelah judul isi, diséting agar mempunyai ukuran lébar yang lebih besar daripada div ke-1, yang mempunyai fungsi sebagai Jendéla Tampilan.*

div ke-2, dengan demikian, adalah background bagi div - div sslanjutnya, yang juga div ke-2 ini dapat diisikan berbagai elemén, seperti: Fail Foto, ataupun Fail Vidio, baik yang dari dalam blog, ataupun dari éksternal, di luar aplikasinya.

*Seperti "candela"/'kandéla' (satuan cahaya, satuan penglihat ilmu/pengetauan).




"1" rowspan="1">
"border:0.1pxdashedtransparent;height:auto;margin-left:1px;margin-top:1px;overflow:auto;padding:1px;width:340px;">
Kolom-1 Sub_Baris Ke-1
|Format Vidio YT di WP》
"border:.1px dashed transparent;height:auto;overflow:auto;padding:1px;width:880px;">
"separator" style="clear:both;text-align:center;">
[youtube=https://www.youtube.com/watch?v="color:purple;">masukan kodeu_akhir_dari_url_YT
&w=320&h=266]
"background-color:#3f4a9c;">



"5" rowspan="1"> "1" rowspan="1">
"box-sizing:inherit;margin:1pxcalc(1.125rem)calc(1.125rem)0px;height:auto;overflow:auto;padding:1px;width:340px;">
"box-sizing:inherit;margin:1em0px;">..."size-small wp-image-1332 alignnone" src="https://eksplorasi262707836.files.wordpress.com/2020/02/screenshot_2020-02-03-21-49-40-11067863694.png" width="240" height="240">. ...[youtube=https://www.youtube.com/watch?v=bYNUM8tlDoM&w=160&h=133]


"1" rowspan="1">
"box-sizing:inherit;margin:1pxcalc(1.125rem)calc(1.125rem)0px;height:auto;overflow:auto;padding:1px;width:340px;">
"box-sizing:inherit;margin:1em0px;">..."size-small wp-image-1333 alignnone" src="https://eksplorasi262707836.files.wordpress.com/2020/02/screenshot_2020-02-03-21-58-54-1739936295.png" width="240" height="240">. ...[youtube=https://www.youtube.com/watch?v=M374hl7NOZ4&w=160&h=133]


"1" rowspan="1">
"box-sizing:inherit;margin:1pxcalc(1.125rem)calc(1.125rem)0px;height:auto;overflow:auto;padding:1px;width:340px;">
"box-sizing:inherit;margin:1em0px;">..."wp-image-1335 size- small alignnone" src="https://eksplorasi262707836.files.wordpress.com/2020/02/screenshot_2020-02-03-21-59-01-1-181443610.png" width="240" height="240">. ...[youtube=https://www.youtube.com/watch?v=62Mb0YSAArk&w=160&h=133]


"1" rowspan="1">
"box-sizing:inherit;margin:1pxcalc(1.125rem)calc(1.125rem)0px;height:auto;overflow:auto;padding:1px;width:340px;">
"box-sizing:inherit;margin:1em0px;">..."wp-image-1334 size-small alignnone" src="https://eksplorasi262707836.files.wordpress.com/2020/02/screenshot_2020-02-03-21-51-23-1827244041.png" width="240" height="240">. ...[youtube=https://www.youtube.com/watch?v=G8JeD0SRUgk&w=160&h=133]


"1" rowspan="1">
"box-sizing:inherit;margin:1pxcalc(1.125rem)calc(1.125rem)0px;height:auto;overflow:auto;padding:1px;width:340px;">
"box-sizing:inherit;margin:1em0px;">..."wp-image-" src="https://eksplorasi262707836.files.wordpress.com/2020/02/" width="240" height="240">. ...[youtube=https://www.youtube.com/watch?v=D-PbemONZPc&w=160&h=133]






"border:0.1pxdashedtransparent;height:auto;margin-left:1px;margin-top:1px;overflow:auto;padding:1px;width:340px;">
yang dimaksud oléh penulis, adalah baris kodeu alamat Fail YouTube, selain "https://www.youtube.com/", melainkan fragmén baris kodeu setelah fragmén tersebut."color:#444444;">.
..Judul Selanjutnya
---➡Gésér ke Samping.




"1" rowspan="1">Kolom-2 Sub_Baris Ke-1
|Judul Fail
"border:.1px dashed transparent;height:auto;overflow:auto;padding:1px;width:340px;">
"separator" style="clear:both;text-align:center;">
[youtube=https://www.youtube.com/watch?v="color:purple;">masukan kodeu_akhir_dari_url_YT&w=320&h=266]
|...Judul Selanjutnya.---➡Gésér ke Samping.


"1" rowspan="1">Kolom-3 Sub_Baris Ke-1
|Judul Fail.
"border:.1px dashed transparent;height:auto;overflow:auto;padding:10px;width:340px;">
"separator" style="clear:both;text-align:center;">
[youtube=https://www.youtube.com/watch?v="color:purple;">masukan kodeu_akhir_dari_url_YT
&w=320&h=266]

"separator" style="clear:both;text-align:justify;">
"text-align:start;">|"color:#444444;text-align:start;">."color:#444444;text-align:start;">..Judul Selanjutnya"text-align:start;">---➡Gésér ke Samping.



"1" rowspan="1">Kolom-4 Sub_Baris Ke-1
|Judul Fail
"border:.1px dashed transparent;height:auto;overflow:auto;padding:1px;width:340px;">
"separator" style="clear:both;text-align:center;">
[youtube=https://www.youtube.com/watch?v="color:purple;">masukan kodeu_akhir_dari_url_YT&w=320&h=266]
|...Judul Selanjutnya.---➡Gésér ke Samping.




Tidak ada komentar: