HTML untuk Pemula:

Garis Waktu Teknologi Web


2009

2005

2002

2000

1998

1997

1996

1994

1991

HTML5

AJAX

Desain Web Tableless

XHTML1

CSS2

HTML4

CSS1 + JavaScript

HTML2

HTML

Contents

pengantar

Jika Anda ingin menjadi seorang webmaster dan belajar cara membuat situs web, Anda mungkin menemukan prospek untuk memahami HTML yang cukup menakutkan..

Ini adalah sesuatu yang tidak dapat dihindari, karena sebagian besar halaman arahan situs web yang Anda kunjungi akan ditulis dan disusun menggunakan elemen HTML. Sebenarnya, HTML sekarang digunakan oleh lebih dari 74% dari semua situs web yang dikenal, sementara bahasa ini juga membantu meningkatkan segala sesuatu mulai dari desain situs Anda hingga kualitas konten yang ditampilkannya.

Dalam panduan ini, kami akan mengeksplorasi prinsip-prinsip dasar HTML dan aplikasi potensial, sebelum melihat contoh elemen individual yang Anda gunakan saat mengode situs web Anda.

Apa itu HTML??

Persentase situs web menggunakan berbagai subkategori HTML

berbagai subkategori persentase HTML

Secara sederhana, HTML mewakili bahasa markup standar untuk membuat halaman web online. Ini adalah singkatan dari Hyper Text Markup Language, dan fungsi utamanya adalah untuk menetapkan struktur, tata letak, dan presentasi masing-masing halaman arahan. Meskipun peramban web tidak secara langsung menampilkan bahasa HTML, peramban memainkan peran penting dalam membantu membuat situs yang terlihat, dapat diakses, dan mudah digunakan.

HTML juga didukung oleh sejumlah elemen individual, yang secara bertahap membangun halaman web, menyusun presentasi konten dan menghidupkan situs web Anda. Elemen-elemen ini dibuat dan terkandung dalam ‘tag’, yang menentukan potongan konten alternatif seperti pos, paragraf, dan contoh serupa.

Kami akan mengeksplorasi elemen-elemen ini dan konstruksinya secara lebih rinci di bawah ini, sambil juga melihat bagaimana mereka dapat dipersonalisasi untuk memperkenalkan warna, tautan, dan tipografi variabel ke situs web Anda.


Di mana HTML Digunakan?

Situs web populer menggunakan HTML

Di mana HTML Digunakan

Seperti yang dapat kita lihat, aplikasi HTML yang paling umum adalah desain halaman pendaratan individual yang membentuk situs web Anda. Ini bukan satu-satunya aplikasi alat pengkodean populer, namun, memahami penggunaan tambahannya akan membantu Anda mendapatkan yang terbaik dari bahasa sebagai webmaster baru. Jadi, berikut adalah beberapa cara lebih lanjut di mana HTML dapat diterapkan:

  • Buat Elemen yang Dapat Disesuaikan dalam Halaman yang Ada

    Jika Anda ingin memperbolehkan komentar posting blog atau publikasi konten yang dibuat pengguna di situs web Anda, Anda dapat menggunakan fragmen kode HTML untuk mengaktifkannya. Elemen-elemen ini akan memungkinkan pengguna untuk menekankan kata kunci, tautan embed, dan memformat komentar tergantung pada batasan yang Anda tempatkan sebagai moderator.

  • Buat Konten Tambahan untuk Email

    Email juga menggunakan HTML sebagai bahasa untuk pesan teks kaya, yang menampilkan tautan, teks, dan berbagai elemen lain yang tidak dapat ditampilkan dalam teks biasa saja. Jadi, jika Anda ingin berbagi ebook yang berhubungan dengan situs web Anda melalui email, Anda dapat menggunakan HTML untuk mengoptimalkan dampak pesan Anda..

  • Memahami Dokumen Bantuan Offline yang Terpasang di Komputer Anda

    Menariknya, HTML digunakan sebagai format untuk dokumen bantuan berbasis komputer yang dapat diakses secara offline. Pengetahuan dasar HTML dapat, karenanya, membantu Anda untuk memahami masalah dengan perangkat keras Anda dan menyelesaikannya lebih cepat, yang pada gilirannya dapat memastikan bahwa Anda dapat memulihkan situs web Anda lebih cepat dalam kasus ketika telah offline.

HTML & CSS
Lihat HTML & CSS [Lembar Cheat]

Struktur Halaman HTML

</strong><br/> <strong>
Konten halaman

Elemen html, head, dan body telah menjadi bagian dari spesifikasi HTML sejak pertengahan 1990-an, dan hingga beberapa tahun yang lalu mereka adalah elemen utama yang digunakan untuk memberikan struktur pada dokumen HTML.
Namun, situasinya telah berubah secara dramatis dalam beberapa tahun terakhir karena HTML5 telah menambahkan banyak tag baru yang dapat digunakan untuk menambah makna semantik yang kaya pada struktur dokumen HTML..

Dokumen HTML diperlukan untuk memulai dengan Deklarasi Jenis Dokumen (secara informal, sebuah “tipe dokumen”) Di browser, DOCTYPE membantu menentukan mode rendering. HTML5 tidak mendefinisikan DTD; oleh karena itu, dalam HTML5 deklarasi doctype lebih sederhana dan lebih pendek.


Sebelum Anda bisa membangun halaman html, Anda perlu dasar-dasar di tempat.

Biasanya, halaman akan terdiri dari tiga elemen struktural:

1. Header: Header berisi konten yang relevan dengan semua halaman di situs Anda, seperti logo atau nama situs web, dan sistem navigasi. Header terlihat di setiap halaman.

2. Tubuh Utama: Ini menempati area terbesar di halaman web. Ini berisi konten khusus untuk halaman yang sedang dilihat.

3. Footer: Konten footer biasanya termasuk informasi kontak, alamat pengiriman atau pemberitahuan hukum. Seperti header, footer muncul di setiap halaman, tetapi diposisikan di bagian bawah.

Inilah yang terlihat seperti elemen-elemen struktural dasar ketika mereka bersatu:


Anda dapat meletakkan teks atau kode di sini, seperti a
Kode pelacakan Google Analytics untuk
contoh.

Bagian utama halaman Anda berjalan
sini. Isi dengan teks dan gambar!

Berikut contoh lain, menggunakan tag tajuk dan tag paragraf untuk menyusun konten secara estetis. Selain itu, kami telah menambahkan tag kaki untuk konten di bawah badan utama laman:


Anda dapat meletakkan teks atau kode di sini, seperti a
Kode pelacakan Google Analytics untuk
contoh.

Tajuk Pertama Saya

Selamat datang di situs web saya!

informasi kontak bisa buka di sini


Tag HTML

Tag HTML

Titik awal untuk setiap kode HTML adalah tag individual, yang dapat digunakan untuk membuat semua elemen penting dan membantu menyusun struktur halaman web Anda. Di bawah ini, kita akan melihat pada tag yang paling umum sebelum kita menjelajahi bagaimana mereka dapat dimanfaatkan untuk menghasilkan elemen-elemen spesifik pada halaman:

Tag Judul

Semua dokumen online, termasuk halaman web, dimulai dengan tajuk. Ini dibangun menggunakan tag HTML, dengan bahasa saat ini memungkinkan hingga enam elemen ukuran bervariasi yang juga memungkinkan Anda untuk menyusun konten Anda dengan judul tambahan, subtitle dan garis-garis teks tebal yang disorot. Untuk memulai heading, Anda cukup awali teks yang relevan dengan

,

,

,

,

atau
tergantung pada ukuran yang diinginkan.
Anda kemudian harus menerapkan tag penutup di akhir judul untuk merangkum teks, dan akan ditampilkan sebagai berikut dalam format HTML:

Ada 12 kategori tag:


Ini pos 1

Ini menuju 2

Ini menuju 3

Ini menuju 4

Ini menuju 5

Ini menuju 6

Memimpin teknologi Tag HTML
bagikan di web

0,27%

HTML5
Tag kanvas

0,29%

HTML5
Tag Audio

0,69%

HTML5
Tag Video

3,1%

HTML5
Tag SVG

6,54%

HTML5
Sematkan Tag


Setelah dikonfirmasi, ini akan diterjemahkan ke dalam estetika berikut di situs web Anda’halaman arahan:

Ini pos 1

Ini menuju 2

Ini menuju 3

Ini menuju 4

Ini menuju 5

Ini menuju 6

Di sini, berbagai ukuran judul variabel jelas untuk dilihat, seperti halnya fakta bahwa browser menambahkan garis sebelum dan sesudah tajuk. Anda juga akan melihat bahwa tag penutup di akhir teks judul memiliki estetika yang sedikit berbeda, tetapi akan membahas hal ini dalam bab berikut karena kami ingin menggunakan tag untuk menentukan elemen tertentu.

Tag Paragraf

Dukungan Video dan Audio
Lupakan Flash Player dan pemutar media pihak ketiga lainnya, buat video dan audio Anda benar-benar dapat diakses dengan HTML5 baru

Prinsip serupa diterapkan untuk memulai tag paragraf, yang digambarkan oleh

. Ini memungkinkan Anda untuk menyusun konten Anda dan membaginya menjadi paragraf yang relevan, yang pada gilirannya diterjemahkan menjadi pengalaman membaca yang lebih mudah dan lebih lancar. Sekali lagi,

tag harus ditempatkan di awal teks yang relevan, sebelum tag penutup alternatif diterapkan di akhir untuk menyelesaikan efek. Tidak seperti tag heading, bagaimanapun, tidak ada variasi numerik yang dapat mengubah ukuran teks yang ditampilkan dalam paragraf. Sebagai contoh:

Paragraf Pertama Anda

Paragraf Kedua Anda

Paragraf Ketiga Anda

Penggunaan Tag Video HTML5 oleh situs web di seluruh dunia

Negara
Jumlah Situs Web
Amerika Serikat
140,008
Rusia
87.508
Jerman
34.519
Britania Raya
26.609
Perancis
25.697
Jepang
23.578
Taiwan
19.798
Ukraina
19.204
Brazil
16.773
Cina
16.523
Seluruh dunia
265.371

Di luar format HTML, ini akan memecah teks sebagai berikut pada halaman web Anda yang sudah selesai:

Paragraf Pertama Anda

Paragraf Kedua Anda

Paragraf Ketiga Anda

Tag Break Baris

Contoh pertama mewakili tag HTML paling dasar, tetapi ada yang menggunakan format berbeda dan alternatif penutupan. Ambil jeda baris, misalnya, yang membuat perbedaan di mana baris teks dipecah dan dilanjutkan pada baris berikut. Ada perbedaan inti antara jeda baris dan paragraf di bidang HTML, karena sementara yang terakhir adalah elemen blok standar yang berisi teks, yang pertama menciptakan pemisahan dalam yang sudah ada

elemen.

Karena itu, jeda baris mewakili elemen kosong dalam HTML dan karenanya tidak ditentukan oleh tag pembuka atau penutup. Sebaliknya, mereka digambarkan oleh
tag, yang dapat dimasukkan ke yang sudah ada

elemen untuk memecah teks dan berpotensi menyoroti informasi penting. Ruang tunggal antara karakter br dan garis miring sangat penting, karena jika tidak, tag tidak dapat dikenali dalam format HTML.

Berikut ini sebuah contoh:

adalah tag gambar menggambar HTML5 yang memungkinkan Anda memanfaatkan lebih banyak kemungkinan interaktivitas web dan animasi web daripada platform aplikasi internet kaya sebelumnya seperti Flash.
Anda bahkan dapat mengembangkan game menggunakan HTML5 menandai. HTML5 menyediakan cara ramah seluler yang hebat untuk mengembangkan game interaktif yang menyenangkan

Selamat pagi

Terima kasih banyak atas pertanyaan Anda, kami akan menghubungi Anda jika kami membutuhkan yang lain.

Salam Hormat

Pak Jones

Setelah diterapkan, ini akan memecah teks sebagai berikut:

Selamat pagi,

Terima kasih banyak atas pertanyaan Anda, kami akan menghubungi Anda jika kami membutuhkan yang lain.

Salam Hormat

Pak Jones

Seperti yang Anda lihat, Anda dapat menerapkan jeda baris sesering yang Anda suka dalam elemen paragraf yang ada, asalkan itu menambah nilai dan membuat informasi lebih mudah dicerna. Anda juga akan melihat bahwa tag paragraf pembukaan dan penutupan tetap tidak berubah, dengan tag break line digunakan untuk mengubah tata letak teks yang disertakan dalam.

Ini adalah salah satu contoh bagaimana tag HTML dapat digunakan untuk mengubah elemen yang ada, yang memainkan peran penting dalam menentukan tata letak visual halaman web Anda dan konten.

Garis Horisontal

Kategori situs web tempat Tag Kanvas HTML5 digunakan

Kategori situs web tempat Tag Kanvas HTML5 digunakan

Demikian pula, ada tag lain yang dapat digunakan di dalam

elemen atau untuk lebih jauh memisahkan badan teks pada halaman web Anda. Salah satu yang paling banyak digunakan adalah


tag, yang membantu untuk membuat elemen kosong yang menggambar garis visual dan horizontal antara bagian alternatif dari dokumen online. Anda mungkin ingin memposisikan garis antara dua badan teks, misalnya, untuk memfokuskan kembali pembaca atau hanya memperkenalkan elemen visual baru. Inilah cara Anda membuat terobosan dalam HTML:

Paragraf Pertama Anda


Paragraf Kedua Anda

Di sini, pemutusan antara karakter jam dan garis miring menyoroti pembuatan elemen kosong, sementara sekali lagi tidak diperlukan tag penutup untuk menyelesaikan efek. Ini akan membuat visual berikut:

Paragraf Pertama Anda
________________________________________

Paragraf Kedua Anda

Paragraf Pertama Anda
_______________________

Paragraf Kedua Anda

Browser seluler telah sepenuhnya mengadopsi HTML5 sehingga membuat proyek siap seluler semudah mendesain dan membangun untuk tampilan layar sentuh yang lebih kecil – karenanya popularitas Desain Responsif. Ada beberapa meta tag hebat yang juga memungkinkan Anda mengoptimalkan ponsel
78% pengembang konten setuju bahwa strukturnya pas untuk membuat aplikasi seluler, dan 68% mengatakan itu cocok untuk mendesain setiap dan semua jenis aplikasi


Tag Gambar

Tag gambar juga mewakili elemen kosong dalam HTML, yang sekali lagi berarti bahwa mereka tidak menampilkan tag penutup. Karena hanya berisi atribut yang terkait dengan URL gambar yang Anda embed ke situs, mereka didefinisikan hanya oleh tag di awal elemen. Ini dapat ditempatkan di mana saja di situs web Anda, meskipun tidak biasa untuk memasukkannya ke dalam elemen yang ada seperti paragraf atau pos. Berikut adalah bagaimana tag gambar HTML khas akan muncul dengan sendirinya:

some_text

Anda juga harus memberikan teks alternatif untuk gambar Anda, yang membantu orang untuk melihatnya dalam kasus waktu pemuatan yang lambat atau penggunaan pembaca layar. Dengan cara ini, jika browser tidak dapat menemukan gambar, itu akan menampilkan nilai atribut alternatif untuk pemirsa. Sekali lagi ini menggunakan tag gambar, tetapi termasuk serangkaian atribut yang berbeda:

 HTML5 Icon

Elemen HTML

elemen html

Sebelumnya, kami melihat bagaimana tag HTML sederhana digunakan untuk mendefinisikan elemen pada halaman, sementara juga mengeksplorasi bagaimana mereka dapat disesuaikan lebih lanjut dengan menggunakan elemen kosong yang berisi tag gambar dan garis istirahat. Ini membantu kami untuk memahami hubungan yang ada antara tag dan elemen, dan bagaimana mereka dapat digunakan untuk mendefinisikan berbagai jenis konten di situs web Anda.

Sementara semua aspek bahasa HTML diwakili oleh sebuah tag, misalnya, elemen yang didefinisikan yang mencakup konten harus memiliki tag awal dan penutup. Jadi, judul dan paragraf adalah elemen HTML karena mereka menggunakan tag awal dan penutup untuk merangkum dan menambah teks yang relevan. Sebaliknya, elemen kosong mengandung atribut atau tidak ada konten sama sekali, memungkinkan mereka untuk digunakan dalam elemen yang ada tanpa perlu tag penutup.

Mendefinisikan Elemen HTML

HTML5 tidak ke mana-mana dan karena semakin banyak elemen diadopsi, semakin banyak perusahaan akan mulai berkembang dalam HTML5

Saat menggunakan contoh seperti pos dan paragraf, aplikasi yang tepat untuk memulai dan menutup tag sangat penting. Ini adalah tag awal (seperti

atau

) yang mendefinisikan elemen yang dipermasalahkan, misalnya, sementara tag penutup memastikan bahwa elemen ini tidak dilanjutkan melintasi sisa halaman web. Jika Anda gagal menggunakan penutup tag di akhir paragraf yang diinginkan, misalnya, teks akan muncul dalam satu blok yang tidak enak dilihat dan sangat sulit dibaca.

Semua tag penutup identik dengan tag awal, terlepas dari fakta bahwa fitur sebelumnya merupakan garis miring di depan karakter yang relevan. Jadi dalam contoh dari sebuah

menuju, tag penutup akan , sedangkan untuk paragraf Anda akan selalu menggunakan untuk menentukan break in text. Ini membutuhkan perhatian terhadap detail saat pengkodean, dan penting untuk dicatat ketika memprogram judul bahwa nomor yang Anda gunakan (seperti h1 atau h2) diterapkan di tag awal dan penutup.

Frekuensi penggunaan berbagai elemen HTML

Nama elemen XHTML
kepala
judul
html
tubuh
Sebuah
meta
img
meja
td
tr
br
hal
naskah
fonta
div
b
tautan
pusat
menjangkau
bentuk
memasukkan
gaya
jam
kuat
saya
hl
li
tanpa naskah
peta
daerah
ul
Pilih
pilihan
h3
h2
bingkai
frameset
param
menanamkan
em
kamu
obyek
blokir
tidak
bingkai
tbody
iframe
kecil
h4
mendasarkan
nord





























0
10
20
30
40
50
60
70
80
90
100

Menggunakan Nested HTML Elements

Pada tahap ini, jelas untuk melihat bahwa dokumen HTML dan halaman web dibentuk oleh pohon berbagai elemen, yang berfungsi sebagai blok bangunan untuk berbagai aset. Kami juga telah melihat bagaimana elemen-elemen ini dapat dibentuk dan digunakan untuk menyusun konten online, dan kami akan melanjutkan ini sekarang dengan melihat elemen HTML bersarang.

Sama seperti elemen kosong dan tag yang berdiri sendiri (seperti
dapat dimasukkan ke dalam elemen HTML yang didefinisikan, yang disebut elemen bersarang juga dapat ditempatkan di dalam konten seperti pos dan paragraf. Ini termasuk contoh-contoh seperti huruf tebal dan miring serta teks yang digarisbawahi, sementara itu dapat diterapkan untuk menambah kepribadian pada konten Anda dan menarik perhatian pembaca ke tempat-tempat menarik tertentu..

Teks Tebal, Miring, dan Bergarisbawah dalam HTML

Membiarkan’s katakan bahwa Anda ingin menyorot sebuah kata dalam elemen paragraf yang ada. Anda dapat mencapai ini dengan membuatnya berani, menggunakan tag sederhana dalam standar

elemen. Menggunakan HTML, Anda akan memprogram ini sebagai berikut:

saya ingin ini kata menjadi berani.


Di sini, elemen bersarang memiliki tag awal dan penutup, yang masing-masing mengikuti format yang mirip dengan yang terkait dengan pos dan paragraf. Mereka dapat digunakan secara mulus dalam elemen yang ada, dan dalam hal ini akan menghasilkan hasil sebagai berikut:

saya ingin ini kata menjadi berani.

Sekarang, mari’S katakan bahwa Anda juga ingin mengubah tipografi kata ini sehingga juga dicetak miring. Ini dapat dicapai hanya dengan menambahkan elemen bertingkat lain, yang harus diberi kode seperti ini:

saya ingin ini kata menjadi berani.

Seperti yang Anda lihat, tag awal dan penutup italic telah dimasukkan ke dalam

elemen. Ini sekarang akan mengubah konten di dalam elemen sehingga muncul sebagai berikut:

Judul-judul HTML selalu dan tetap menjadi sinyal HTML paling penting yang digunakan mesin pencari untuk memahami apa itu halaman. Bahkan, jika judul HTML Anda dianggap buruk atau tidak deskriptif, Google mengubahnya
saya ingin ini kata menjadi berani.

Tentu saja, Anda dapat memutuskan untuk memilih kata ini dengan cara yang berbeda. Karena itu Anda dapat menggunakan elemen bersarang alternatif, seperti garis bawah (yang diwakili oleh dan tag. Tag ini dapat diterapkan dengan cara yang sama di dalam

elemen, muncul sebagai berikut dalam HTML:

saya ingin ini kata yang akan digarisbawahi.

Dalam hal ini, teks akan muncul sebagai berikut di dokumen atau halaman arahan Anda:

Elemen semantik baru yang diperkenalkan HTML5 akan membuatnya lebih mudah dibaca untuk pengembang pemula. Alih-alih melihat baris demi baris
dan elemen, tag yang lebih jelas seperti
,
dan
saya ingin ini kata yang akan digarisbawahi.

Ini menawarkan wawasan tentang elemen-elemen yang dapat dibentuk oleh tag, yang pada gilirannya menentukan struktur halaman web Anda dan konten yang ditampilkannya. Tidak hanya ini, tetapi elemen kosong dan bersarang juga dapat digunakan untuk menentukan konten Anda lebih lanjut.

Atribut HTML

Atribut global adalah atribut yang umum untuk semua elemen HTML; mereka dapat digunakan pada semua elemen, meskipun atribut mungkin tidak berpengaruh pada beberapa elemen. Atribut global dapat ditentukan pada semua elemen HTML, bahkan yang tidak ditentukan dalam standar


Jika tag adalah blok bangunan yang membangun dan mendefinisikan elemen, maka atribut HTML dapat digunakan untuk menyesuaikan karakteristik mereka (seperti gaya, warna dan bahasa. Semua elemen HTML memiliki atribut inti, yang memberikan informasi inti dan selalu ditentukan dalam tag stat Mereka cenderung berpasangan, jadi akan sering muncul dalam format berikut: name =”nilai.“

Dalam istilah sederhana, nama tersebut mewakili properti yang ingin Anda atur, sedangkan nilainya berkaitan dengan kriteria spesifik yang ingin Anda sertakan..

Ada sejumlah besar atribut yang dapat diterapkan ke elemen HTML Anda, tetapi yang paling relevan dengan pemula webmaster adalah:

Atribut ‘Lang’

Atribut paling dasar tunggal, ini mendefinisikan bahasa dokumen dan elemen-elemennya. Dideklarasikan menggunakan ‘lang’ atribut, dan meskipun mudah diabaikan itu memiliki manfaat membuat konten lebih mudah diakses oleh pembaca layar dan mesin pencari. Biasanya akan disajikan di awal dokumen dalam format berikut:

Beberapa tipe atribut dasar telah dikenali, termasuk:

atribut yang dibutuhkan, dibutuhkan oleh tipe elemen tertentu agar tipe elemen itu berfungsi dengan benar

atribut opsional, digunakan untuk memodifikasi fungsionalitas default dari tipe elemen

atribut standar, didukung oleh sejumlah besar tipe elemen

atribut acara, digunakan untuk menyebabkan tipe elemen untuk menentukan skrip dijalankan dalam keadaan tertentu


Setelah atribut lang, dua huruf pertama menentukan bahasa (yang bahasa Inggris dalam contoh ini). Setelah tanda hubung, dua huruf berikutnya membentuk dialek, meskipun ini tidak akan ada untuk setiap bahasa. Penting bagi Anda untuk mendapatkan atribut ini dengan benar jika Anda ingin berhasil menjangkau audiens Anda.

Atribut ‘Align’

Kami telah menyentuh pada format atribut HTML (nama =”nilai), dan perwujudan terbaik dari ini terjadi ketika Anda mencoba menyelaraskan konten dalam elemen Anda. Anda dapat memutuskan untuk memusatkan semua paragraf pada halaman tertentu, misalnya, dengan perataan menjadi properti yang ingin Anda atur. Kemudian, ’pusat’ adalah nilai atribut, meskipun Anda memiliki pilihan untuk menyelaraskan teks Anda ke kiri atau kanan. Sebagai contoh:

Teks ini sejajar tengah

Jenis aplikasi yang dibangun dengan HTML5

Produktifitas
54%
Utilitas
38%
Konsumen
35%
LOB
22%
Jaringan sosial
18%
Hiburan
17%
Gaya hidup
12%
Perjalanan
9%
permainan
8%
Lain
13%

Ini akan menyelaraskan

elemen di tengah halaman, dan buat tata letak yang seragam agar sesuai dengan sifat spesifik situs web Anda (lihat di bawah):

Teks ini sejajar tengah
Teks ini sejajar tengah
Teks ini sejajar tengah

Atribut ‘Href’

HTML5 juga dilengkapi dengan sejumlah besar API hebat yang memungkinkan Anda membangun pengalaman pengguna yang lebih baik dan aplikasi web yang lebih dinamis dan lebih dinamis – berikut daftar singkat API asli:
  • Seret dan Jatuhkan (DnD)
  • Database penyimpanan offline
  • Manajemen riwayat browser
  • Pengeditan dokumen
  • Pemutaran media berjangka waktu

Jika Anda akan membangun situs web yang terlihat, penting bahwa Anda memasukkan tautan masuk dan keluar. Membangun portofolio tautan yang menyertakan tautan balik ke laman landas internal juga merupakan strategi yang dapat dilakukan, sehingga Anda perlu mempelajari cara membuat kode ini dalam HTML.

Tautan HTML didefinisikan dengan tag, yang menyertakan tautan tujuan bersama dengan anchor text yang berafiliasi yang akan menampung URL. Ini adalah ‘href ’ atribut yang menentukan alamat situs, bagaimanapun, ini dimasukkan sebagai bagian dari tag awal. Ini dikodekan dalam HTML sebagai berikut:

Google

Ini dengan jelas menyoroti perbedaan antara tag awal dan tag penutup, dan akan diterjemahkan sebagai berikut pada halaman arahan Anda:

HTML5 tidak dikendalikan oleh satu perusahaan. Salah satu fitur terbaiknya terletak pada kenyataan bahwa itu adalah standar terbuka. Pengembang memiliki kebebasan untuk membiarkan kreativitas mereka mengalir dan menambahkan sebanyak mungkin fungsi dan fitur yang mereka bisa


Atribut ‘Warna’

Ini adalah atribut penting lainnya, karena penggunaan warna dapat menghembuskan kehidupan ke situs web Anda sembari membantu menciptakan kontras penting dan estetika desain yang kuat. Dalam HTML, warna dapat ditentukan dengan menggunakan namanya, meskipun juga dimungkinkan untuk menggunakan nilai RGB atau HEX untuk mencapai tujuan ini. Namun, opsi sebelumnya adalah yang paling mudah diikuti, sementara itu juga dapat diterapkan ke pos, paragraf, dan elemen lain di halaman Anda..

Kanvas HTML5
Lihat kanvas HTML5 [Lembar Curang]

Ini adalah atribut gaya, dengan warna pilihan Anda yang mewakili nilai yang ingin Anda atur. Saat menerapkan warna merah ke heading utama, misalnya, akan terlihat seperti ini:

Warna latar diatur dengan menggunakan merah

Setelah diterapkan, elemen ini akan muncul sebagai berikut di situs web Anda:

Warna latar diatur dengan menggunakan merah
Dibandingkan dengan peramban lain, setiap pembaruan Google Chrome memastikan untuk menyertakan dukungan untuk HTML5. Selain itu, pemutar default YouTube sekarang adalah HTML5 dan iklan Flash Google sekarang sedang dikonversi ke HTML5


Sekali lagi, ada perbedaan yang jelas antara tag awal dan penutup yang menentukan elemen, sementara ini adalah salah satu atribut termudah untuk diterapkan dalam HTML. Ini juga menyoroti nama =”format nilai atribut HTML, membuat proses belajar dan menerapkan ini jauh lebih mudah di seluruh situs web Anda.

Uji dirimu

Dengan pemahaman dasar tentang HTML dan elemen-elemen individualnya, langkah selanjutnya adalah melakukan beberapa proyek sederhana dan menerapkan pengetahuan teoretis Anda untuk menyelesaikan tantangan praktis.

Aplikasi berbasis browser yang menjalankan HTML5 tidak akan memiliki masalah dalam menggunakan geolokasi

Dalam latihan yang dirinci di bawah ini, kami telah menampilkan teks kecuali dan diminta untuk memformat berbagai aspek menggunakan HTML. Gunakan panduan ini dan semua yang telah Anda pelajari sejauh ini untuk menyelesaikan tantangan saat Anda bersiap untuk membuat kode situs web Anda sendiri.
________________________________________

Header Utama

Selamat datang di situs web kami, Example.com! Kami harap Anda menikmati membaca konten kami, jangan ragu untuk menghubungi kami.

Terimakasih telah berkunjung!

Belajarlah lagi.

Penggunaan HTML5 oleh pengembang
(berdasarkan wilayah)

Amerika Utara dan Latin
70%
Amerika Selatan
61%
ASPAC
60%
Australia
60%
Eropa
59%
Afrika
50%

________________________________________

Pertanyaan:

  1. Lengkapi elemen header dengan tag penutup yang benar.
  2. Buat tajuk tebal.
  3. Masukkan garis horizontal di bawah tajuk.
  4. Gunakan atribut warna dan naungan ‘Terimakasih telah berkunjung’ berwarna hijau
  5. Masukkan hyperlink ini (https://www.w3schools.com/html/) ke dalam teks jangkar “Belajar
    lebih.”
  6. Di bagian atas halaman, gunakan nama =”format nilai untuk menyelaraskan kiri paragraf


Kesimpulan

Sementara HTML baru dibuat pada tahun 1991 (dengan versi pertama dari bahasa pengkodean kemudian diluncurkan pada tahun 1995), HTML dengan cepat menjadi alat mani dalam desain situs web fungsional dan menarik secara visual. Tingkat pengaruh HTML juga terus berkembang, dengan iterasi terbaru (HTML5) diadopsi oleh semakin banyak situs web di seluruh dunia.

Dalam hal ini, mempelajari elemen dasar HTML dan bagaimana menerapkannya adalah langkah paling penting yang akan Anda ambil dalam membangun situs web yang sukses, terlihat, dan akhirnya kompetitif..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

    Like this post? Please share to your friends:
    Adblock
    detector
    map