Tuliskan struktur dasar html beserta fungsinya

Pada tutorial belajar HTML dasar sebelumnya kita telah mempelajari Pengertian Tag, Elemen, dan Atribut pada HTML. Dalam tutorial kali ini saya akan membahas tentang cara membuat struktur dasar halaman HTML.

Nội dung chính Show

Struktur Dasar HTML
Pengertian DTD atau DOCTYPE
Tag
Tag
Tag
CONTOH DAN PENJELASAN TAG HTML
Penjelasan Masing-Masing Tag HTML
1.1. Tag-tag HTML
Tentang HTML5
Apa saja struktur dasar HTML?
Tuliskan apa itu HTML serta fungsinya?
1 Jelaskan pengertian HTML dan struktur apa saja yang ada di HTML?
Sebutkan langkah dasar pemrograman HTML?

Struktur Dasar HTML

Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut.

Agar lebih mudah memahaminya, silahkan buka text editor (Notepad++), lalu ketikkan kode berikut ini:

Contoh struktur dasar HTML:

Title dari Websiteku

Selamat Pagi Dunia, Hello World!

Save sebagai halaman.html dan jalankan file dengan cara double klik file tersebut, atau klik kanan –> Open With –> Firefox. Kita akan membahas tag-tag yang ditulis tersebut pada tutorial kali ini.

Tuliskan struktur dasar html beserta fungsinya

Pengertian DTD atau DOCTYPE

Tag paling awal dari contoh HTML diatas adalah DTD atau DOCTYPE. DTD adalah singkatan dari Document Type Declaration. Yang berfungsi untuk memberi tahu kepada web browser bahwa dokumen yang akan diproses adalah HTML.

DTD memiliki banyak versi tergantung kepada versi HTML yang digunakan. Pada contoh diatas, saya menggunakan DTD versi HTML 5. Sebelum HTML 5, DTD terdiri dari text panjang yang hampir mustahil dihafal. Contohnya, DTD untuk xHTML 1.0 adalah:

Jika kita tidak menuliskan DTD, browser akan tetap menampilkan dan memproses halaman web kita seperti tidak terjadi apa-apa. Namun browser sebenarnya menjalankan halaman HTML tersebut pada mode khusus yang disebut quirk mode.

Pada quirk mode, web browser menerjemahkan halaman web (terutama kode CSS) sedikit berbeda dari seharusnya. Ini karena web browser menganggap bahwa ketika DTD tidak ditemuka, halaman tersebut kemungkinan besar merupakan halaman web usang. Agar halaman ‘usang’ ini tetap tampil baik, web browser perlu menggunakan aturan-aturan yang berbeda, yakni: quirk mode.

Cara untuk mengetahui apakah web browser berjalan pada quirk mode atau standard mode lebih mudah jika menggunakan web browser Mozilla Firefox. Pada Firefox, klik kanan pada halaman web, lalu pilih Page Info. Pada bagian Render Mode akan terlihat apakah quirk mode, atau standard mode.

Penjelasan lebih jauh tentang doctype atau DTD akan kita bahas dalam tutorial HTML5: Pengertian dan cara penulisan doctype pada HTML5.

Tag

Setelah DTD, tag berikutnya adalah tag .

Ini adalah tag pembuka dari keseluruhan halaman web. Semua kode HTML harus berada di dalam tag ini. Tag html dimulai dengan dan diakhiri dengan

Tag

Elemen pada tag umumnya akan berisi berbagai definisi halaman, seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.

Tag dalam contoh kita sebelumnya digunakan untuk menampilkan title dari sebuah halaman web. Title ini biasanya ditampilkan pada bagian paling atas web browser. Contohnya pada tampilan halaman.html, ‘Title dari Websiteku’ akan ditampilkan pada tab browser.</p><p></p><hr><h3 id="tag-lt-body-gt">Tag <body></h3><p>Tag <body> akan berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll. Tag body ini ditutup dengan </body>. Sebagian besar waktu kita dalam merancang web akan dihabiskan di dalam tag <body> ini.</p><p>Perhatikan bahwa setiap tag akan diakhiri dengan penutup tag. Termasuk <html> yang merupakan tag paling awal dari sebuah halaman web.</p><hr><p>Stuktur HTML yang kita bahas disini adalah struktur yang sangat sederhana. Sebuah halaman web bisa memiliki ratusan bahkan ribuan baris, yang ditulis dengan berbagai tag HTML. Tag pertama yang akan kita bahas dalam tutorial berikutnya adalah tag <p> yang digunakan untuk membuat paragraf di dalam HTML.</p><hr><p><p><p></p><p>eBook HTML Uncover Duniailkom</p><p>Anda serius ingin menguasai HTML? Duniailkom telah menyusun eBook HTML Uncover. eBook ini membahas HTML dengan lebih detail dan lebih lengkap hingga fitur terbaru HTML5. Penjelasan lebih lanjut bisa ke: eBook HTML Uncover Duniailkom.</p><div class='paramage'></div> <p>Struktur dasar HTML merupakan struktur yang sering digunakan dalam setiap penilusan file HTML. Penulisan struktur HTML pun harus berurutan atau sesuai dengan standar. Struktur HTML itu sendiri terdapat tag-tag HTML didalamnya. Langsung saja ke contoh struktur nya.</p><p><br></p>Struktur Dasar HTMLPengertian Fungsi struktur diatas :<br><p><br></p><p>Pada baris pertama yaitu <!DOCTIPE html>, berfungsi untuk memberi tahu browser bahwa file tersebut adalah file html. Pada baris ke dua terdapat tag pembuka HTML yaitu <HTML> dan baris ke 9 merupakan tag penutup dari HTML yaitu </HTML>, tag ini merupakan wadah dari semua tag html yang akan ditulis, atau ketuka kamu akan menulis tag HTML lain harus berada dudalam tag HTML ini.</p><p><br></p><p>Pada baris ke tiga terdapat tag <head> dan </head>, berfungsi untuk menyimpan berbagai informasi yang ada atau digunakan dalam file HTML tersebut, seperti meta, tittle, script dll. Pada baris ke empat terdapat tag <tittle> dan </tittle> yang berfungsi untuk menampilkan teks judul atau lainnya ke tab bar pada browser anda.</p><p><br></p><p>Pada baris ke enam terdapat tag <body> dan pada baris ke delapan terdapat tag </body> yang berfungsi sebagai badan dari struktur HTML itu sendiri dan yang akan ditampilkan ke browser anda. Itulah penjelasan sedikit mengenai struktur HTML.</p><p><br></p><h2 id="contoh-dan-penjelasan-tag-html">CONTOH DAN PENJELASAN TAG HTML</h2><p>Tag berfungsi untuk memberi tahu kepada browser untuk apa sebuah text tersebut, apakah text itu di tulis sebagai paragraf atau list dan juga sebagai link. Tag HTML di lengkapi dengan tag pembuka dan penutup, misalnya tag <strong> sebagai pembuka dan </strong> sebagai penutup, oke langsung saja ke contoh dan penjelasan masing-masing tag HTML.</p><p><br></p><h3 id="penjelasan-masing-masing-tag-html">Penjelasan Masing-Masing Tag HTML</h3><p><h3 id="1-1-tag-tag-html">1.1. Tag-tag HTML</h3><p><span>1.<span> </span></span><span>Elemen</span><span></span></p><p><span><br></span></p><p><span>Elemen HTML biasanya terdiri dari tag awal dan tag akhir, dengan konten disisipkan di antara : <tagname> Konten disini </tag name></span></p><p><br></p><p><span>2.<span> </span></span><span>Atribut</span><span></span></p><p><span><br></span></p><p><span>Semua elemen HTML dapat memiliki atribut.</span></p><p><span>Atribut memberikan informasi tambahan tentang suatu elemen.</span></p><p><span>Atribut selalu ditentukan dalam tag awal.</span></p><p><span>Atribut biasanya datang dalam pasangan nama / nilai seperti : name = ”value”.</span></p><p><br></p><p><span>3.<span> </span></span><span>Heading</span></p><p><span> Heading adalah tek yang digunakan untuk judul disefinisikan dengan tag <h1> atau<h6>. <h1> mendefisikan heading paling penting. <h6> mendefisikan heading paling tidak penting.</span> </p><p><span>4.<span> </span></span><span>PARAGRAPHS</span></p><p><span>Paragraphs biasanya untuk membuat paragraf, dengan catatan browsersecara otomatis menambahkan beberapa spasi putih (margin) sebelum dan sesudah paragraph. Contoh <p> taruh paragraph disini</p>.</span><span> </span></p><p><span>5.<span> </span></span><span>HTML STYLE</span></p><p><span>Style atau gaya guna untuk mengatur gaya element HTML, dapat dilakukan dengan style atribut. Contoh </span><span><tagname style="property:value;"></span><span> </span></p><p><span>6.<span> </span></span><span>HTML FORMATTING</span></p><p><span><br></span></p><p><span>Formating atau pemformatan digunakan untuk mendefinisikan elemen khusus untuk teks, beberapa diantaranya pembuatan Teks Tebal, Teks Miring, Teks Kecil, Teks mark, Teks del, Teks ins, Teks sub, Teks sup.</span></p><p><br></p><p><span>7.<span> </span></span><span>COMMENTS</span></p><p><span>Digunakan untuk untuk menandai sebuah kode jika terjadi kelasahan atau bisa digunakan debugging HTML, dapat mengomentari baris kode HTML. Catatan komentar tidak ditampilkan oleh browser.</span><span> </span></p><p><span>8.<span> </span></span><span>COLORS</span></p><p><span> Warna HTML ditentukan menggunakan nama warna yang telah ditentukan, atau nilai RGB, HEX, HSL, RGBA, HSLA. HTML mendukung 140 warna standar.</span><span></span></p><p><span>9.<span> </span></span><span>LINKS</span></p><p><span> HTML links adalah sebuah hyperlink, dimana link tersebut dapat diklik dan menuju ke document lainnya atau mengarahkan ke halaman lainnya. Ketika cursor mouse diarahkan ke sebuah link, cursor akan berubah menjadi bentuk sebuah tangan yang menujuk. Link tidak hanya terdapat di sebuah text, melainkan sebuah gambar atau tag HTML lainnya.</span> </p><p><span>10.<span> </span></span><span>IMAGES</span></p><p><span> Tag HTML image digunakan untuk memasukan gambar ke dalam dokumen atau halaman HTML. Gambar didalam sebuah dokumen HTML tidak dimasukkan sepenuhnya pada file (.html, misalnya) akan tetapi, hanya merujukkan file sumber gambar tersebut berada (disimpan).</span> </p><p><span>11.<span> </span></span><span>TABLES</span></p><p><span><br></span></p><p><span>Tag HTML tables merepresentasikan data dengan lebih dari satu dimensi dalam bentuk sebuah tabel (table).</span><span>Tabel (Table) adalah sebuah data tabular dalam bentuk grid yang terdiri dari kolom (column), baris (row) dan cell yang merupakan pertemuan antara kolom dan baris.</span></p><p><br></p><p><span>12.<span> </span></span><span>LISTS</span></p><p><span> Tag HTML lists digunakan untuk menampilkan sebuah text yang diurutkan baik itu pengurutnya berupa nomer atau sebuah simbol. Tag ini terdapat macam-macam elemet tidak berurutan<ul> dan berurutan<li>.</span> </p><p><span>13.<span> </span></span><span>UNORDERED LIST</span></p><p><span> Tag HTML list yang tidak berurutan digunakan untuk mengurutkan text berupa simbol<ul>, Item daftar akan ditandai dengan peluru (lingkaran hitam kecil) secara default.</span> </p><p><span>14.<span> </span></span><span>ORDERED LIST</span></p></p><p><span> Tag HTML list yang berurutan<li> digunakan untuk mengurutkan daftar text secara default berupa angka.</span><span> </span></p><p><span>15.<span> </span></span><span>DEFINITION LIST</span></p><p><span><br></span></p><p><span>Tag HTML Daftar deskripsi adalah daftar istilah, dengan deskripsi setiap istilah. The <dl>tag mendefinisikan daftar deskripsi, yang <dt>tag mendefinisikan istilah (nama), dan <dd> tag menjelaskan setiap istilah.</span></p><p><br></p><p><span>16.<span> </span></span><span>NESTED LIST</span></p><p><span><br></span></p><p><span>Tag HTML Daftar dapat disarangkan (daftar di dalam daftar).</span><span> Item daftar dapat berisi daftar baru, dan elemen HTML lainnya, seperti gambar dan tautan, dll.</span></p><p><br></p><p><span>17.<span> </span></span><span>IFRAMES</span></p><p><span> Digunakan untuk menampilkan halaman website lain kedalam suatu website.</span> </p><p><span>18.<span> </span></span><span>JAVASCRIPT</span></p><p><span> Adalah sebuah kode yang berfungsi untuk meningkatkan loading time pada suatu website.</span> </p><p><span>19.<span> </span></span><span>FILE PATHS</span></p><p><span> Digunakan untuk menjelaskan jalur atau lokasi fila gambar yang akan di upload ke suatu website.</span> </p><p><span>20.<span> </span></span><span>HEAD</span></p><p><span> Adalah sebuah tag html yang digunakan untuk tempat menaruh tittle, java script, dll.</span> </p><p><span>21.<span> </span></span><span>LAYOUT</span></p><p><span> Layout adalah proses penataan dan pengaturan teks atau grafik pada halaman yang meliputi pembagian tempat dalam suatu halaman, pengaturan jarak spasi, dll.</span> </p><p><span>22.<span> </span></span><span>RESPONSIVE</span></p><p><span> Berfungsi untuk membuat layout suatu website dapat menyesuaikan diri dengan berbagai ukuran device pengguna.</span> </p><p><span>23.<span> </span></span><span>COMPUTERCODE</span></p><p>Untuk menginputkan keyboard. <span><kbd></span><span>Elemen HTML mewakili input pengguna, seperti input keyboard atau perintah suara. </span>Teks yang dikelilingi oleh <span><kbd></span>tag biasanya ditampilkan di font default monospace browser.</p><p><br></p><p><span>24.<span> </span></span><span>ENTITIES</span></p><p><span> Entitas karakter digunakan untuk menampilkan karakter yang dipesan dalam HTML.</span> </p><p><span>25.<span> </span></span><span>SYMBOL</span></p><p><span> Adalah sebuah tag html yang berfungsi untuk memberikan symbol pada suatu kata berupa bentuk-bentuk unik atau lainnya.</span> </p><p><span>26.<span> </span></span><span>CHARSET</span></p><p><span> Sebuah script yang berfungsi untuk mempermudah google untuk mengidentifikasi seluruh kontenyang ada pada suatu website tersebut.</span> </p><p><span>27.<span> </span></span><span>Character Set ASCII</span></p><p><span>ASCII adalah singkatan dari "American Standard Code for Information Interchange". Ini dirancang pada awal 60-an, sebagai set karakter standar untuk komputer dan perangkat elektronik. ASCII adalah set karakter 7-bit yang mengandung 128 karakter. Ini berisi angka-angka dari 0-9, huruf Inggris huruf besar dan kecil dari A sampai Z, dan beberapa karakter khusus. Kumpulan karakter yang digunakan dalam komputer modern, dalam HTML, dan di Internet, semuanya didasarkan pada ASCII</span><span>.</span><span> </span></p><p><span>28.<span> </span></span><span>Character Set Latin-1 atau ISO/IEC 8859-1</span></p><p><span><br></span></p><p><span>ISO-8859-1 adalah karakter default dalam HTML 4.01. ISO (Organisasi Standar Internasional) mendefinisikan set karakter standar untuk berbagai abjad / bahasa. </span><span>Bagian pertama ISO-8859-1 (nomor entitas dari 0-127) adalah rangkaian karakter ASCII asli. Ini berisi angka, huruf besar dan huruf kecil bahasa Inggris, dan beberapa karakter khusus</span><span>.</span></p><p><br></p><p><span>29.<span> </span></span><span>Character Set UTF-16 dan UCS-2</span></p><p><span> UTF-16 atau disebut juga Extended UCS-2 merupakan sistem variable length encoding yang berarti setiap code point (kode yang mencerminkan suatu karakter) di encode menggunakan satu atau dua kali 16-bit (1 code unit = 16 bit).</span><span> </span></p><p><span>30.<span> </span></span><span>Character Set UTF-32 dan UCS-4</span></p><p><span> UTF-32 merupakan alternatif dari UTF-16, jika pada UTF-16 terdapat penggunaan sistem doubel 16 bit (untuk karakter ke 65.535 keatas), UTF-32 menggunakan fixed – width encoding, dengan base 32 bit (1 code unit = 32 bit), dimana semua karakter disimpan menggunakan sistem 32 bit encoding. Angka 32 pada UTF berarti 32bit dan 4 pada UCS berarti 4byte, yang dapat diartikan bahwa space yang digunakan untuk menyimpan suatu karakter adalah 4byte atau 32 bit.</span> </p><p><span>31.<span> </span></span><span>Character Set dan Character Encoding UTF-8</span></p><p><span>UTF-8 menggunakan sistem variable length encoding dengan basis 8 bit (1 code unit = 8bit), angka ini tercermin pada angka 8 yang berada di belakang UTF.Sistem variable length berarti karakter di encoding menggunakan pola tertentu dengan panjang bit tidak tetap tergantung jenis karakternya, bisa 8, 16, 24 atau 32 bit.</span> </p><p><span>32.<span> </span></span><span>URL Encoding</span></p><p><span> </span><span>URL hanya dapat dikirim melalui Internet menggunakan set karakter ASCII. Jika URL berisi karakter di luar set ASCII, URL harus dikonversi. Penyandian URL (ENCODE) yaitu mengubah karakter non-ASCII ke dalam format yang dapat ditransmisikan melalui Internet. Enkode URL menggantikan karakter non-ASCII dengan "%" diikuti dengan digit heksadesimal.</span></p><p><span>33.<span> </span></span><span>Form</span></p><p><span> </span><span>Merupakan salah satu elemen dalam HTML yang digunakan untuk menerima input dari pengunjung. Sintak pemanggilannya yaitu <form>.</span> </p><p><span>34.<span> </span></span><span>Form Elemen</span></p><p><span> </span><span>Elemen formulir adalah sebuah ruang diantara tag <form> yang berisikan berbagai jenis elemen masukan seperti bidang teks, kotak centang, tombol radio, tombol kirim, dan banyak lagi.</span> </p><p><span>35.<span> </span></span><span>Input Type</span></p><p><span> </span><span>Elemen masukan merupakan elemen yang paling penting. Sintak pemanggilannya adalah <input>. Elemen ini dapat mendeklarasikan text, password, tombol, dll.</span> </p><p><span>36.<span> </span></span><span>Input Atribut</span></p><p><span> </span><span>Merupakan batasan masukan suatu elemen. Didalam input atribut terdapat berbagai jenis antara lain size, value, dll.</span> </p><p><span>37.<span> </span></span><span>Atribut Nilai</span></p><p><span> Atribut nilai menentukan nilai awal untuk bidang input.</span> </p><p><span>38.<span> </span></span><span>Atribut Read-Only</span></p><p><span> </span><span>Atribut readonly menentukan bahwa field input hanya bisa dibaca (tidak dapat diubah).</span> </p><p><span>39.<span> </span></span><span>Atribut Disable</span></p><p><span> </span><span>Atribut disable menetapkan bahwa field input dinonaktifkan. Bidang input yang dinonaktifkan tidak dapat digunakan dan tidak dapat diklik, dan nilainya tidak akan dikirim saat mengirimkan formulir.</span> </p><p><span>40.<span> </span></span><span>Atribut Ukuran</span></p><p><span> </span><span>Atribut ukuran menentukan ukuran (dalam karakter) untuk bidang input.</span> </p><p><span>41.<span> </span></span><span>Atribut Max-Length</span></p><p><span> </span><span>Atribut maxlength menentukan panjang maksimum yang diizinkan untuk bidang input.</span></p><p><br></p><h3 id="tentang-html5">Tentang HTML5</h3><p><p><span>1.<span> </span></span><span>HTML 5</span></p><p><span>·<span> </span></span><span>HTML (Hyper Text Markup Language) sebuah teknologi penerus dari generasi sebelumnya yang dikeluarkan oleh W3C (Word Wide Web Consortium) </span><span>dan WHATWG (Web Hypertext Application Technology Working Group). dengan tambahan feature- feature baru untuk memperbaiki dan melengkapi dari HTML versi sebelumnya.</span><span></span></p><p><span>·<span> </span></span><span>Fiktur yang di Perbarui HTML 5</span></p><p><span>Ø<span> </span></span>New Semantic Elements : Ini seperti pada elemen <header>, <footer>, and <section>.<span></span></p><p><span>Ø<span> </span></span><span>Forms 2.0</span><span> : Perbaikan form web HTML di mana atribut baru telah diperkenalkan tag <input>.</span></p><p><span>Ø<span> </span></span><span>Persistent Local Storage</span><span> : Untuk menghilangkan ketergantungan pada plugin pihak ketiga.</span></p><p><span>Ø<span> </span></span><span>WebSocket</span><span> : Sebuah generasi teknologi terbaru komunikasi dua arah untuk aplikasi web.</span></p><p><span>Ø<span> </span></span><span>Server-Sent Events</span><span> : memperkenalkan even yang mengalir dari web server ke web browser yang disebut Server-Sent Events (SSE).</span></p><p><span>Ø<span> </span></span><span>Canvas</span><span> : Ini mendukung gambar dua dimensi surface yang dapat diprogram dengan JavaScript.</span></p><p><span>Ø<span> </span></span><span>Audio & Video</span><span> : Anda dapat menanamkan/embed audio atau video pada halaman web Anda tanpa menggunakan plugin pihak ketiga.</span></p><p><span>Ø<span> </span></span><span>Geolocation</span><span> : Pengunjung dapat memilih untuk berbagi lokasi fisik mereka dengan aplikasi web Anda.</span></p></p><p><span>Ø<span> </span></span><span>Microdata</span><span> : Ini memungkinkan Anda membuat kosakata Anda sendiri di luar HTML5 dan memperluas halaman web Anda dengan kostum semantics.</span></p><p><span>Ø<span> </span></span><span>Drag and drop</span><span> : Drag dan drop item dari satu lokasi ke lokasi lain pada halaman web yang sama.</span></p><p><span>·<span> </span></span><span>Fiktur yang di Hapus</span></p><p><span>Ø<span> </span></span><span>Acronym</span><span> : Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr></span></p><p><span>Ø<span> </span></span><span>Applet</span><span> : Digunakan untuk memasukan file java kedalam dokumen HTML</span></p><p><span>Ø<span> </span></span><span>Basefont</span><span> : Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen</span></p><p><span>Ø<span> </span></span><span>Big</span><span> : Memperbesar ukuran teks sebesar satu point dari defaultnya</span></p><p><span>Ø<span> </span></span><span>Center</span><span> : Untuk perataan tengah terhadap teks atau gambar</span></p><p><span>Ø<span> </span></span><span>Dir</span><span> : Mendefinisikan sebuah daftar direktori</span></p><p><span>Ø<span> </span></span><span>Font</span><span> : Mendefinisikan jenis font, warna dan ukuran untuk teks</span></p><p><span>Ø<span> </span></span><span>Frame</span><span> : Mendefinisikan frame dalam fremeset</span></p><p><span>Ø<span> </span></span><span>Frameset</span><span> : Mendefinisikan satu set frame</span></p><p><span>Ø<span> </span></span><span>Noframes</span><span> : Jika browser user tidak mendukung frame</span></p><p><span>Ø<span> </span></span><span>Strike</span><span> : Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del></span></p><p><span>Ø<span> </span></span><span>Tt</span><span> : Mendefinisikan teletype text</span> </p><p><span>2.<span> </span></span><span>New Elements dan Semantic Tag</span></p><p><span>·<span> </span></span><span>Adalah sebutan untuk tag-tag HTML yang memiliki ‘<span>arti</span>‘ atau ‘makna’. Kata <span>semantic</span> berasal dari kata yunani yang berarti ‘<span>mempelajari arti</span>‘ (<span>the study of meaning</span>).</span> </p><p><span>3.<span> </span></span><span>Elemen <article></span></p><p><span>·<span> </span></span><span>Untuk konten eksternal, seperti teks dari artikel-berita, blog, forum, atau konten lain dari sumber eksternal.</span> </p><p><span>4.<span> </span></span><span>Elemen <aside></span></p><p><span>·<span> </span></span><span>Untuk konten selain konten itu ditempatkan di samping konten yang masuk harus berkaitan dengan isi sekitarnya.</span> </p><p><span>5.<span> </span></span><span>Elemen <bdi></span></p><p><span>·<span> </span></span><span>Digunakan untuk mengisolasi diri terhadap arah tulisan yang mungkin berbeda dari element lain di sekitarnya.</span> </p><p><span>6.<span> </span></span><span>Elemen <detail></span></p><p><span>·<span> </span></span><span>Untuk rincian menggambarkan tentang sebuah dokumen, atau bagian dari dokumen.</span> </p><p><span>7.<span> </span></span><span>Elemen <dialog></span></p><p><span>·<span> </span></span><span>Digunakan untuk merepresentasikan kotak dialog yang akan muncul untuk mendapatkan perhatian dan interaksi dengan user.</span> </p><p><span>8.<span> </span></span><span>ELEMEN <figcaption></span></p><p><span>·<span> </span></span><span>Keterangan dari tokoh bagian.</span> </p><p><span>9.<span> </span></span><span>ELEMEN <figure></span></p><p><span>·<span> </span></span><span>Untuk pengelompokan bagian dari konten berdiri sendiri, bisa video.</span> </p><p><span>10.<span> </span></span><span>ELEMEN <footer></span></p><p><span> Untuk footer dari dokumen atau bagian, dapat meliputi nama penulis, tanggal dokumen, informasi kontak, atau informasi hak cipta.</span><span> </span></p><p><span>11.<span> </span></span><span>ELEMEN <header></span></p><p><span><br></span></p><p><span>Elemen <header> mewakili penampung untuk konten pengantar atau sekumpulan tautan navigasi. Elemen <header> biasanya berisi satu atau lebih elemen heading (<h1> - <h6>) , logo atau ikon, informasi kepenulisan. Kita dapat memiliki beberapa elemen <header> dalam satu dokumen. Tag <header> tidak dapat ditempatkan di dalam <footer>, <address> atau elemen <header> lainnya.</span></p><p><br></p><p><span>12.<span> </span></span><span>ELEMEN <main></span></p><p><span><br></span></p><p><span>Tag <main> menentukan konten utama dokumen. Konten di dalam elemen <utama> harus unik untuk dokumen. Ini tidak boleh berisi konten apa pun yang diulang di seluruh dokumen seperti sidebar, tautan navigasi, informasi hak cipta, logo situs, dan formulir pencarian. Catatan: Tidak boleh ada lebih dari satu elemen <main> dalam dokumen. Elemen <main> TIDAK harus merupakan turunan dari elemen <article>, <aside>, <footer>, <header>, atau <nav>.</span></p><p><br></p><p><span>13.<span> </span></span><span>ELEMEN <mark></span></p><p><span><br></span></p><p><span>Tag <mark> mendefinisikan teks yang ditandai. Penggunaan tag <mark> biasanya untuk menandai bagian dari teks.</span></p><p><span>14.<span> </span></span><span>ELEMEN <meter></span><span></span></p><p><span><br></span></p><p><span> Tag <meter> menentukan pengukuran skalar dalam rentang yang diketahui, atau nilai pecahan. Ini juga dikenal sebagai pengukur. Contoh: Penggunaan disk, relevansi hasil query, dll. Catatan: Tag <meter> tidak boleh digunakan untuk menunjukkan kemajuan (seperti dalam bilah kemajuan). Untuk bilah progres, gunakan tag </span><span><progress></span><span>.</span></p><p><br></p><p><br></p><p><span>15.<span> </span></span><span>ELEMEN <nav></span></p><p><span><br></span></p><p><span>Tag <nav> mendefinisikan satu set tautan navigasi. Perhatikan bahwa TIDAK semua tautan dari dokumen harus berada di dalam elemen <nav>. Elemen <nav> hanya ditujukan untuk blok utama tautan navigasi. Peramban, seperti pembaca layar untuk pengguna yang dinonaktifkan, dapat menggunakan elemen ini untuk menentukan apakah akan menghilangkan render awal konten ini.</span></p><p><br></p><p><span>16.<span> </span></span><span>ELEMEN <progress></span></p><p><span><br></span></p><p><span>Tag <progress> merepresentasikan progres dari suatu tugas. Tag <progress> tidak cocok untuk mewakili pengukur (misalnya penggunaan ruang disk atau relevansi hasil kueri). Untuk mewakili pengukur, gunakan tag </span><span><span><meter></span></span><span> sebagai gantinya.</span></p><p><br></p><p><span>17.<span> </span></span><span>ELEMEN <selection></span></p><p><span><br></span></p><p><span>Elemen <select> digunakan untuk membuat daftar drop-down. The </span><span><option></span><span> tag dalam <pilih> elemen menentukan pilihan yang tersedia dalam daftar.</span></p><p><br></p><p><span>18.<span> </span></span><span>ELEMEN <time></span></p><p><span><br></span></p><p><span>Tag <time> menentukan tanggal / waktu yang dapat dibaca manusia. Elemen ini juga dapat digunakan untuk mengkodekan tanggal dan waktu dengan cara yang dapat dibaca oleh mesin sehingga agen pengguna dapat menawarkan untuk menambahkan pengingat ulang tahun atau acara terjadwal ke kalender pengguna, dan mesin pencari dapat menghasilkan hasil pencarian yang lebih cerdas.</span></p><p><br></p><p><span>19.<span> </span></span><span>ELEMEN <wbr></span></p><p><span>Tag <wbr> (Word Break Opportunity) menentukan di mana di dalam teks tidak ada masalah untuk menambahkan baris-break. Saat kata terlalu panjang, dapat menggunakan elemen <wbr> untuk menambahkan peluang jeda kata.</span></p><p><br></p><p><span>20.<span> </span></span><span>ELEMEN <track></span></p><p><span>Tag <track> menentukan track teks untuk elemen media (<audio> dan <video>). Elemen ini digunakan untuk menentukan sub judul, file teks atau file lain yang berisi teks, yang seharusnya terlihat ketika media sedang diputar.</span></p><p><br></p><p><br></p><p><span>21.<span> </span></span><span>Graphics dan Canvas </span><span></span></p><p><span> adalah </span><span>bagian dari<span> </span></span><span><span>HTML5</span></span><span><span> </span></span><span>dan memungkinkan untuk dinamis, skrip render bentuk 2D dan gambar bitmap. Ini adalah tingkat rendah, model prosedural yang update bitmap dan tidak memiliki grafik adegan built-in.</span></p><p><br></p></p><p><span>22.<span> </span></span><span>Tentang Canvas </span><span></span></p><p><span> yaitu <span>elemen yang bisa digambar dengan kode. </span><span>Canvas terdiri dari suatu daerah dapat ditarik didefinisikan dalam kode HTML dengan atribut tinggi dan atribut lebar. Kode<span> </span></span></span><span><span>JavaScript</span></span><span><span> </span></span><span>dapat mengakses daerah melalui set lengkap menggambar fungsi yang sama dengan yang lainnya<span> </span></span><span><span>API</span></span><span><span> </span></span><span>2D umum, sehingga memungkinkan untuk grafis yang dihasilkan secara dinamis. Beberapa penggunaan diantisipasi canvas mencakup grafik bangunan, animasi, game, dan komposisi gambar.</span> </p><p><span>23.<span> </span></span><span>Kanvas Gambar</span></p><p><span> yaitu text html yang digunakan untuk membuat gambar dengan menggunakan metode drawImage (gambar, x, y).</span> </p><p><span>24.<span> </span></span><span>Koordinat kanvas</span></p><p><span><br></span></p><p><span>Kanvas HTML</span>adalah kisi dua dimensi. Sudut kiri atas kanvas memiliki koordinat (0,0). Pada bab sebelumnya, Anda melihat metode ini digunakan: fillRect (0,0150,75). Ini berarti: Mulai dari sudut kiri atas (0,0) dan gambar persegi panjang 150x75 piksel.</p><p><br></p><p><span>25.<span> </span></span><span>Draw Line</span></p><p><span><br></span></p><p>Tag <hr> mendefinisikan jeda tematik di halaman HTML (mis., Pergeseran topik). Elemen <hr> digunakan untuk memisahkan konten (atau menentukan perubahan) di halaman HTML.</p><p><br></p><p><span>26.<span> </span></span><span>Draw a Circle</span></p><p><span>Yaitu text html untuk membuat lingkaran dengan menggunakan metode berikut: </span><span>beginPath () - memulai jalur. arc (x, y, r, startangle, endangle) - membuat busur / kurva. Untuk membuat lingkaran dengan busur (): Atur mulai sudut ke 0 dan ujung ke 2 * Math.PI. Parameter x dan y menentukan koordinat x dan y dari pusat lingkaran. Parameter r mendefinisikan radius lingkaran.</span></p><p><br></p><p><span>27.<span> </span></span><span>Canvas Gradient</span><span></span></p><p><span>Gradien dapat digunakan untuk mengisi segi empat, lingkaran, garis, teks, dll. Bentuk pada kanvas tidak terbatas pada warna solid. Ada dua jenis gradien yang berbeda:</span></p><p><span>·<span> </span></span><span>createLinearGradient ( x, y, x1, y1 ) - menciptakan gradien linier</span></p><p><span>·<span> </span></span><span>createRadialGradient ( x, y, r, x1, y1, r1 ) - menciptakan gradien radial / melingkar</span></p><p><span>Setelah kita memiliki objek gradien, kita harus menambahkan dua atau lebih warna berhenti. Metode addColorStop () menentukan warna berhenti, dan posisinya di sepanjang gradien. Posisi Gradien bisa di mana saja antara 0 hingga 1. Untuk menggunakan gradien, atur properti fillStyle atau strokeStyle ke gradien, lalu gambar bentuk (persegi panjang, teks, atau garis)</span></p><p><span>28.<span> </span></span><span>CreateLinearGradient</span></p><p><span> Yaitu text html untuk digunakan pada konten kanvas dibuat secara linier.</span> </p><p><span>29.<span> </span></span><span>CreateRadialGradient</span></p><p><span> Yaitu text html untuk digunakan pada konten kanvas dibuat secara radial/melingkar.</span> </p><p><span>30.<span> </span></span><span>Canvas Text</span></p><p><span> Untuk menggambar teks pada kanvas, properti dan metode yang paling penting adalah:</span><span></span></p><p><span>·<span> </span></span><span>font - mendefinisikan properti font untuk teks</span></p><p><span>·<span> </span></span><span>fillText (teks, x, y) - menggambar teks "penuh" di kanvas</span></p><p><span>·<span> </span></span><span>strokeText (teks, x, y) - menggambar teks pada kanvas (tidak ada isian)</span><span></span></p><p><br></p><p><span>31.<span> </span></span><span>CanvasImages</span></p><p><span> yaitu text html yang digunakan untuk membuat gambar dengan menggunakan metode drawImage (gambar, x, y).</span> </p><p><span>32.<span> </span></span><span>SVG</span></p><p><span> Merupakan kependekan dari Scalable Vector Graphic.</span></p><p><span>33.<span> </span></span><span>Apa itu SVG?</span></p><p><span> Adalah format gambar yang manggunakan XML (eXtensible Markup Language) sebagai dasar untuk membentuk gambar vector dua dua dimensi.</span></p><p><span>34.<span> </span></span><span>Membuat Gambar SVG</span></p><p><span> Untuk membuat gambar svg diperlukan sebuah software, yaitu adobe illusrator, dengan cara buatlah gambar atau objek lain menggunakan adobe illustrator, setelah selesai maka Save As gambar dan pilih format SVG.</span> </p><p><span>35.<span> </span></span><span>Contoh SVG Rectangle</span></p><p><span> Merupakan sebuah bentuk persegi panjang dengan menentukan tinggi dan lebar persegi Panjang.</span></p><p><span>36.<span> </span></span><span>Circle</span></p><p><span> Merupakan sebuah bentuk lingkaran dengan menentukan koordinat x dan y dari pusat lingkarandiatur ke 0,0 dan atribut r menetukan jari-jari linkaran.</span></p><p><span>37.<span> </span></span><span>Ellipse</span></p><p><span> Merupakan bentuk lonjong, berbeda dengan lingkaran yang sempurna, kordinat x dan y saling berbeda sehingga akan berbentuk lingkaran tdak sempurna.</span></p><p><span>38.<span> </span></span><span>Line</span></p><p><span> Merupakan bentuk garis atau jalur dengan atribut x = awal baris sumbu,y = awal baris sumbu, x = akhir baris sumbu, y = akhir baris sumbu.</span></p><p><span>39.<span> </span></span><span>Polygon</span></p><p><span> Yaitu elemen digunakan untuk membuat grafis yang mempnyai sedikitnya tiga sisi dengan atribut x dan y yang masing-masing mendefinisikan koordinat tersebut.</span></p><p><span>40.<span> </span></span><span>Polyline</span></p><p><span> Elemen ini digunakan untuk membuat bentuk ppaun yang hanya terdiri dari garis-garis lurus dan saling terhubung,.</span></p><p><span>41.<span> </span></span><span>Path</span></p><p><span> Yaitu elemen yang digunakan untuk mendefinisikan jalan, yang mempunyai perintah-perintah antara lain M = MoveTo, L=LineTo, H=LineTo horizontal, V=LineTo vertikal, C= Curveto, Smooth Curveto, Q= quadratic Bézier curve, T= Smooth quadratic Bézier curve, A= Elliptical Arc, Z= Closepath.</span></p><p><span>42.<span> </span></span><span>Text</span></p><p><span> </span><span>Tag <text> yaitu elemen didalam SVG yang digunakan untuk mendefinisikan text atau kumpulan huruf. Sintak <text> diletakkan diantara sintak <svg>.</span></p><p><span>43.<span> </span></span><span>Stroke</span></p><p><span> </span><span>Didalam SVG terdapat berbagai macam properti stroke, yaitu antara lain stroke,</span></p><p><span>stroke-width, stroke-linecap, stroke-dasharray. Semua bentuk stroke tersebut dapat diterapkan untuk semua jenis garis, teks, dan garis besar elemen seperti lingkaran.</span> </p><p><span>44.<span> </span></span><span>Blur Effect</span></p><p><span> Didalam elemen ini, sintak untuk pemanggilan efek blur yaitu adalah <feGaussianBlur>.</span> </p><p><span>45.<span> </span></span><span>Drop Shadow</span></p><p><span> </span><span>Elemen yang digunakan untuk membuat efek bayangan pada objek. Sintag untuk pemanggilannya adalah <feOffset> yang dapat dipadukan dengan efek lain didalam bayangannya.</span> </p><p><span>46.<span> </span></span><span>Linear</span></p><p><span> Adalah salahsatu dari 2 jenis elemen gradasi warna dalam svg. Gradasi linier merupakan transisi warna dari satu arah sejajar denagn arah selanjutnya & dapat didefinisikan sebagai gradasi horizontal, vertikal atau sudut. Sintak pemanggilannya adalah <linearGradient>.</span> </p><p><span>47.<span> </span></span><span>Radial</span></p><p><span> Adalah salahsatu dari 2 jenis elemen gradasi warna dalam svg. Gradasi radial merupakan gradasi terpusat dalam satu titik didalam satu objek. Sintak pemanggilannya adalah <radialGradient>.</span> </p><p><span>48.<span> </span></span><span>Google Maps</span></p><p><span> </span><span>Google Maps memungkinkan Anda untuk menampilkan peta di halaman web suatu proyek. Dengan menggunakan API google, pengguna dengan mudah dapat mengaksesnya.</span> </p><p><span>49.<span> </span></span><span>Media</span></p><p><span> Merupakan kependekan dari Multimedia. Multimedia mengatur berbagai format, seperti gambar, video, suara, animasi dll. Sebuah halaman web sering mengandung elemen multimedia dari berbagai jenis dan format.</span> </p><p><span>50.<span> </span></span><span>Video</span></p><p><span> </span><span>Merupakan elemen pemanggilan atau pemutar video didalam suatu web. Sintak pemanggilannya menggunakan <video>, sebelum html5 ada, sebuah video didalam web hanya dapat diputar dengan sebuah plugin , contohnya flash.</span> </p><p><span>51.<span> </span></span><span>Audio</span></p><p><span> </span><span>Merupakan elemen pemanggilan atau pemutar audio / suara didalam suatu web. Sintak pemanggilannya menggunakan <audio>, sebelum html5 ada, sebuah audio didalam web hanya dapat diputar dengan sebuah plugin, contohnya flash.</span> </p><p><span>52.<span> </span></span><span>Plug-ins</span></p><p><span> </span><span>Merupakan pihak ketiga didalam suatu web. Tujuan dari plug-in adalah untuk memperluas fungsionalitas dari suatu browser web. Seperti menampilkan maps, audio, dll.</span><div class='paramage'></div> <div class="contenBreak"></div> <h3 id="apa-saja-struktur-dasar-html">Apa saja struktur dasar HTML?</h3> <div class="blockAnswer_acceptedAnswer">Setiap halaman HTML sudah pasti mempunyai struktur dasar yang terdiri dari : <span class="FCUp0c rQMQod">tag Doctype, tag html, tag head, dan tag body</span>. Ini lah struktur dasar dari HTML.</div> <h3 id="tuliskan-apa-itu-html-serta-fungsinya">Tuliskan apa itu HTML serta fungsinya?</h3> <div class="blockAnswer_acceptedAnswer">Secara umum, <span class="FCUp0c rQMQod">fungsi HTML</span> adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web. <span class="FCUp0c rQMQod">Fungsi HTML</span> yang lebih spesifik yaitu : Membuat halaman web. Menampilkan berbagai informasi di dalam sebuah browser Internet.</div> <h3 id="1-jelaskan-pengertian-html-dan-struktur-apa-saja-yang-ada-di-html">1 Jelaskan pengertian HTML dan struktur apa saja yang ada di HTML?</h3> <div class="blockAnswer_acceptedAnswer">HTML adalah <span class="FCUp0c rQMQod">bahasa markup yang membentuk struktur halaman website agar dapat diproses dan dikenali oleh web browser</span>. Jenis tag terbagi menjadi dua, yaitu inline tags dan block level dengan kerangka inti yang meliputi struktur elemen head, body, dan footer.</div> <h3 id="sebutkan-langkah-dasar-pemrograman-html">Sebutkan langkah dasar pemrograman HTML?</h3> <div class="blockAnswer_acceptedAnswer"><div class='ListData'><span class="FCUp0c rQMQod">Berikut beberapa langkah untuk belajar HTML dasar:</span>.</div> <div class='ListData'>Mengenal Tag, Elemen, dan Atribut. ... .</div> <div class='ListData'>Memahami Struktur Dasar HTML. ... .</div> <div class='ListData'>Menyiapkan Editor HTML. ... .</div> <div class='ListData'>Membuka Web Browser. ... .</div> <div class='ListData'>Membuat Halaman Website Pertama. ... .</div> <div class='ListData'>6. Melengkapi Halaman Website. ... .</div> <div class='ListData'>7. Mengatur Template Halaman Website dengan HTML. ... .</div> <div class='ListData'>Memodifikasi Kode Warna HTML..</div> </div> </p></div> <div class="readmore_content_exists"><button id="readmore_content"><span class="arrow"><span></span></span>Đọc tiếp</button></div> </td></tr></table> <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <div class="youtubeVideo"><h3>Video liên quan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/5cIFBaSUXIE?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="mt-3"> <div class="tags"> <a href="https://lovelyristin.com/tags/kode" class="tag-link">kode</a> <a href="https://lovelyristin.com/tags/html" class="tag-link">html</a> </div> </div> <div class="post-tools"> <button data-postid="tuliskan-struktur-dasar-html-beserta-fungsinya" class="btn btn-answerModalBox"><img class="mr-1" alt="Tuliskan struktur dasar html beserta fungsinya" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="tuliskan-struktur-dasar-html-beserta-fungsinya" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Tuliskan struktur dasar html beserta fungsinya" src="/dist/images/svg/face-smile_16.svg">4</button> <button data-postid="tuliskan-struktur-dasar-html-beserta-fungsinya" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Tuliskan struktur dasar html beserta fungsinya" src="/dist/images/svg/poo_16.svg">0</button> <button class="btn"><img class="mr-1" alt="Tuliskan struktur dasar html beserta fungsinya" src="/dist/images/svg/facebook_16.svg"> Chia sẻ</button> </div> </div> </div> </div> <div id="answers_tuliskan-struktur-dasar-html-beserta-fungsinya" class="answers"> </div> <div class="entryFooter"> <div class="footerLinkAds"></div> <div class="footerRelated"><div class="postRelatedWidget"> <h2>Bài Viết Liên Quan</h2> <div class="questions-snippet layoutNews border-top border-top-gray"> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-save-image-temporary-python"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-save-image-temporary-python---97e9e331fb733b17e258042cee1da276.webp" alt="Cara menggunakan save image temporary python"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-save-image-temporary-python">Cara menggunakan save image temporary python</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/python" class="tag-link">python</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/ekstensi-kode-studio-visual-html-css"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_ekstensi-kode-studio-visual-html-css---4504b9c86e510924348c86f384d9f5b6.webp" alt="Ekstensi kode studio visual html css"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/ekstensi-kode-studio-visual-html-css">Ekstensi kode studio visual html css</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/html" class="tag-link">html</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/https-notfound-php"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_https-notfound-php---ac8a05b2180c7bf6bc91070e194a2c72.webp" alt="Https notfound PHP"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/https-notfound-php">Https notfound PHP</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-integer-to-date-python"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-integer-to-date-python---069902985eee2d1e54ad51c6f9361b3e.webp" alt="Cara menggunakan integer to date python"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-integer-to-date-python">Cara menggunakan integer to date python</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/python" class="tag-link">python</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/python-mengganti-karakter-dalam-file-teks"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_python-mengganti-karakter-dalam-file-teks---3ba7897bb176e8a6616e0eca5a02805f.webp" alt="Python mengganti karakter dalam file teks"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/python-mengganti-karakter-dalam-file-teks">Python mengganti karakter dalam file teks</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/python" class="tag-link">python</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-mengecek-nomor-npwp-yang-hilang"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-mengecek-nomor-npwp-yang-hilang---07291dd6fb1faec4233a811a3449c0ab.webp" alt="Cara mengecek nomor npwp yang hilang"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-mengecek-nomor-npwp-yang-hilang">Cara mengecek nomor npwp yang hilang</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bagaimana-anda-membuat-diagram-di-mysql"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_bagaimana-anda-membuat-diagram-di-mysql---5b69c5fb90ffb8fe428d9196d13f49d1.webp" alt="Bagaimana Anda membuat diagram di mysql?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-anda-membuat-diagram-di-mysql">Bagaimana Anda membuat diagram di mysql?</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/mysql" class="tag-link">mysql</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-contoh-perulangan-while-php"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-contoh-perulangan-while-php---38636c5c615e076e722429be06ff6296.webp" alt="Cara menggunakan contoh perulangan while php"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-contoh-perulangan-while-php">Cara menggunakan contoh perulangan while php</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/php" class="tag-link">php</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/marksheet-code-in-javascript"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_marksheet-code-in-javascript---a3d7aca0ada3292597fd1017021c636d.webp" alt="Marksheet code in JavaScript"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/marksheet-code-in-javascript">Marksheet code in JavaScript</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-perintah-dasar-python"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-perintah-dasar-python---66b7b359890b165b68a5a0efdae62ec4.webp" alt="Cara menggunakan perintah dasar python"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-perintah-dasar-python">Cara menggunakan perintah dasar python</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/python" class="tag-link">python</a> </div> </div> </div> </div> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-baris-ungroup-di-excel"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-baris-ungroup-di-excel---b10aaedb2e3b7350208f6c72a1b03b50.webp" alt="Cara menggunakan baris ungroup di excel"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-baris-ungroup-di-excel">Cara menggunakan baris ungroup di excel</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/excel" class="tag-link">excel</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/apakah-bisa-transfer-dari-ovo-ke-gopay"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_apakah-bisa-transfer-dari-ovo-ke-gopay---b1260b1dd26e08454f5588419c9add89.webp" alt="Apakah bisa transfer dari OVO ke GoPay?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/apakah-bisa-transfer-dari-ovo-ke-gopay">Apakah bisa transfer dari OVO ke GoPay?</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menghapus-squarespace-javascript-yang-tidak-terpakai"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menghapus-squarespace-javascript-yang-tidak-terpakai---11331bcb2d1afc447d7b9a7c619007a0.webp" alt="Cara menghapus squarespace javascript yang tidak terpakai"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menghapus-squarespace-javascript-yang-tidak-terpakai">Cara menghapus squarespace javascript yang tidak terpakai</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/javascript" class="tag-link">javascript</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bagaimana-anda-mengarahkan-ke-halaman-lain-di-html-setelah-mengirimkan"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_bagaimana-anda-mengarahkan-ke-halaman-lain-di-html-setelah-mengirimkan---ca36615c05b9f7cc959585b36a3e2aa8.webp" alt="Bagaimana Anda mengarahkan ke halaman lain di html setelah mengirimkan?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-anda-mengarahkan-ke-halaman-lain-di-html-setelah-mengirimkan">Bagaimana Anda mengarahkan ke halaman lain di html setelah mengirimkan?</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/html" class="tag-link">html</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/scrape-website-to-excel"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_scrape-website-to-excel---6ca4b4f38457e2688ec3ebde50891646.webp" alt="Scrape website to Excel"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/scrape-website-to-excel">Scrape website to Excel</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-php-maxinputvars-not-updating"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-php-max_input_vars-not-updating---5c19b1213c5ffcd1f97bab464f067680.webp" alt="Cara menggunakan php max_input_vars not updating"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-php-maxinputvars-not-updating">Cara menggunakan php max_input_vars not updating</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/php" class="tag-link">php</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-website-forum-php"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-website-forum-php---1f5e1239a9b21bcd6d64a354ffc344bd.webp" alt="Cara menggunakan website forum php"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-website-forum-php">Cara menggunakan website forum php</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/php" class="tag-link">php</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-aktivasi-kartu-brizzi-di-atm-bri"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-aktivasi-kartu-brizzi-di-atm-bri---dc26841f105c17ee6faeab0662d4f2a2.webp" alt="Cara aktivasi kartu BRIZZI di ATM BRI"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-aktivasi-kartu-brizzi-di-atm-bri">Cara aktivasi kartu BRIZZI di ATM BRI</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-const-javascript-adalah"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-const-javascript-adalah---93ab1a45eb6e7b220ec56ea0d0f86fc1.webp" alt="Cara menggunakan const javascript adalah"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-const-javascript-adalah">Cara menggunakan const javascript adalah</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/javascript" class="tag-link">javascript</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-mysql-aplikasi-apa"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-mysql-aplikasi-apa---ae26930fa88b62de5eae83b04685fe68.webp" alt="Cara menggunakan mysql aplikasi apa?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-mysql-aplikasi-apa">Cara menggunakan mysql aplikasi apa?</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/kode" class="tag-link">kode</a> <a href="/tags/mysql" class="tag-link">mysql</a> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> <div class="postContentRight"> <div class="sidebar"> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Có thể bạn quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/google-sheets-difference-between-two-columns">Google Sheets difference between two columns</a></h5> <small class="meta"> <span class="pr-1">1 năm trước</span> <span class="pr-1">. bởi</span> <a href="https://lovelyristin.com/author/RepublicanNetworking" class="author">RepublicanNetworking</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/cara-mengunduh-kamus-dengan-python">Cara mengunduh kamus dengan python</a></h5> <small class="meta"> <span class="pr-1">1 năm trước</span> <span class="pr-1">. bởi</span> <a href="https://lovelyristin.com/author/ChunkySending" class="author">ChunkySending</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/apa-perbedaan-list-dan-array-pada-python">Apa perbedaan list dan array pada python?</a></h5> <small class="meta"> <span class="pr-1">1 năm trước</span> <span class="pr-1">. bởi</span> <a href="https://lovelyristin.com/author/DisastrousMaple" class="author">DisastrousMaple</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/how-do-i-push-data-from-one-excel-workbook-to-another">How do I push data from one Excel workbook to another?</a></h5> <small class="meta"> <span class="pr-1">1 năm trước</span> <span class="pr-1">. bởi</span> <a href="https://lovelyristin.com/author/SorrowfulCountryman" class="author">SorrowfulCountryman</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/cara-menggunakan-raise-vs-return-python">Cara menggunakan raise vs return python</a></h5> <small class="meta"> <span class="pr-1">1 năm trước</span> <span class="pr-1">. bởi</span> <a href="https://lovelyristin.com/author/SatisfyingInstruction" class="author">SatisfyingInstruction</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/cara-konfigurasi-mysql-di-xampp">Cara konfigurasi mysql di xampp</a></h5> <small class="meta"> <span class="pr-1">1 năm trước</span> <span class="pr-1">. bởi</span> <a href="https://lovelyristin.com/author/BindingMortality" class="author">BindingMortality</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/spreadsheet-odoo">Spreadsheet odoo</a></h5> <small class="meta"> <span class="pr-1">1 năm trước</span> <span class="pr-1">. bởi</span> <a href="https://lovelyristin.com/author/LastingMahogany" class="author">LastingMahogany</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/cara-mengubah-server-phpmyadmin">Cara mengubah server phpmyadmin</a></h5> <small class="meta"> <span class="pr-1">1 năm trước</span> <span class="pr-1">. bởi</span> <a href="https://lovelyristin.com/author/HandmadeWaitress" class="author">HandmadeWaitress</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/cara-membuat-paragraf-di-css">Cara membuat paragraf di css</a></h5> <small class="meta"> <span class="pr-1">1 năm trước</span> <span class="pr-1">. bởi</span> <a href="https://lovelyristin.com/author/IndeterminateIndicator" class="author">IndeterminateIndicator</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/cara-menggunakan-perbedaan-laravel-dan-php">Cara menggunakan perbedaan laravel dan php</a></h5> <small class="meta"> <span class="pr-1">1 năm trước</span> <span class="pr-1">. bởi</span> <a href="https://lovelyristin.com/author/TeemingAesthetics" class="author">TeemingAesthetics</a> </small> </div> </div> </div> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Xem Nhiều</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> </div> </div> </div> </div> </div> </div> </div> </section>  <script>var questionId ='tuliskan-struktur-dasar-html-beserta-fungsinya'</script> <script>var postTime ='2023-01-25T01:20:50.555Z'</script> <script>var siteDomain ='lovelyristin.com'</script> <script type="text/javascript" src="https://lovelyristin.com/dist/js/pages/comment.js"></script>  <section class="footer-area pt-80px bg-dark position-relative"> <span class="vertical-bar-shape vertical-bar-shape-1"></span> <span class="vertical-bar-shape vertical-bar-shape-2"></span> <span class="vertical-bar-shape vertical-bar-shape-3"></span> <span class="vertical-bar-shape vertical-bar-shape-4"></span> <div class="container"> <div class="row"> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Chúng tôi</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about.html">Giới thiệu</a></li> <li><a href="/contact.html">Liên hệ</a></li> <li><a href="/contact.html">Tuyển dụng</a></li> <li><a href="/contact.html">Quảng cáo</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Điều khoản</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/privacy-statement.html">Điều khoản hoạt động</a></li> <li><a href="/terms-and-conditions.html">Điều kiện tham gia</a></li> <li><a href="/privacy-statement.html">Quy định cookie</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Trợ giúp</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/contact.html">Hướng dẫn</a></li> <li><a href="/contact.html">Loại bỏ câu hỏi</a></li> <li><a href="/contact.html">Liên hệ</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Mạng xã hội</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="#"><i class="fab fa-facebook-f mr-1"></i> Facebook</a></li> <li><a href="#"><i class="fab fa-twitter mr-1"></i> Twitter</a></li> <li><a href="#"><i class="fab fa-linkedin mr-1"></i> LinkedIn</a></li> <li><a href="#"><i class="fab fa-instagram mr-1"></i> Instagram</a></li> </ul> </div> </div> </div> </div> <hr class="border-top-gray my-5"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-6"> <a href="//www.dmca.com/Protection/Status.aspx?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120am.png?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" width="123px" height="21px" alt="DMCA.com Protection Status" /></a> <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script> </div> <div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Bản quyền © 2021 <a href="https://lovelyristin.com"></a> Inc.</div> </div> </div> </div> </div> </section> <script> $( document ).ready(function() { setTimeout(showMoreButton, 3000); function showMoreButton(){ let minheight = 1000; minheight = parseInt($("#entryContent").innerHeight())/3; $("#entryContent").css('min-height', minheight).css('max-height', minheight).css('overflow', 'hidden'); $("#readmore_content").click(function(){ $("#entryContent").css('min-height', '').css('max-height', '').css('overflow', ''); $(".readmore_content_exists").css('display', 'none'); }) } }); </script>   <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Lên đầu trang"> <img alt="" src="/dist/images/svg/arrow-up_20.svg"> </div>  <script src="https://lovelyristin.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://lovelyristin.com/dist/js/moment.js"></script> <script src="https://lovelyristin.com/dist/js/read-more.min.js"></script> <script src="https://lovelyristin.com/dist/js/main.js?v=6"></script>  <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "jxuz46z39u"); </script> </body> </html>