Html 5 tag

Elemen HTML digunakan untuk membuat kontrol interaktif untuk formulir berbasis web untuk menerima data dari pengguna; Berbagai macam jenis input data dan widget kontrol tersedia, tergantung pada perangkat dan agen pengguna. Elemennya adalah salah satu yang paling kuat dan kompleks di semua HTML karena jumlah kombinasi jenis input dan atribut.

jenis

Bagaimana sebuah karya bervariasi tergantung pada nilai atribut jenisnya, karenanya berbagai jenisnya dicakup dalam halaman referensi terpisah mereka sendiri. Jika atribut ini tidak ditentukan, jenis default yang diadopsi adalah teks.

tutorial

Sekarang kita harus menggenggam dengan dasar-dasar HTML, apa yang terkandung di dalam dokumen, dan blok bangunan yang berbeda paling umum digunakan untuk menyusun berbagai item konten di dalamnya, kita dapat melihat secara keseluruhan. Struktur konten HTML, dan bagian apa yang diisi halaman.

struktur halaman khas

Sebelum Anda membaca lebih jauh, pergi dan lihat beberapa situs web favorit Anda. Mereka akan memiliki konten, fungsionalitas, dan tampilan yang sangat berbeda, tetapi mereka semua memiliki elemen struktural yang sama. Ada sangat sedikit situs yang paling tidak longgar mengikuti pola ini:

Tipografi adalah keseimbangan dan interaksi bentuk huruf pada halaman - persamaan verbal dan visual yang membantu pembaca memahami formulir dan menyerap substansi konten halaman. Tipografi memainkan peran ganda sebagai komunikasi verbal dan visual. Ketika pembaca memindai halaman, mereka secara tidak sadar menyadari kedua fungsi: pertama mereka mensurvei keseluruhan pola grafis dari halaman, dan kemudian mereka mengurai bahasa dan membaca.

Tipografi yang baik menetapkan hierarki visual untuk rendering prosa pada halaman dengan memberikan tanda baca visual dan aksen grafis yang membantu pembaca memahami hubungan antara prosa dan gambar, tajuk tajuk, dan blok teks. Tipografi web yang baik mengkodekan hubungan itu, dan beradaptasi dengan anggun dengan konteks penggunaan yang berbeda.

Karakteristik Tipografi Web

Ini mungkin tampak berlawanan dengan intuisi untuk memulai bab pada tipografi web dengan membahas markup semantik, tetapi tipografi adalah semantik visual - penggunaan encoding visual untuk menyampaikan struktur dan makna. Di web, kita dapat menyandikan struktur dan makna menjadi dokumen. Dengan markup semantik, kami menggambarkan struktur konten secara visual dan pemrograman untuk berkomunikasi secara lebih efektif bagi lebih banyak pengguna. Kami juga menggunakan semantik untuk memberikan lapisan pengalaman tambahan, dan membuat koneksi yang tidak mungkin melalui alat visual saja. Misalnya, kita dapat membuat daftar isi dengan mengekstraksi judul dari dokumen dan memberikan ikhtisar dokumen dalam format garis besar.

Ruang netral adalah atribut yang kita gunakan untuk menggambarkan secara visual bagaimana elemen terkait dan diurutkan. Dengan ruang netral, seperti margin, ketinggian garis, indentasi, dan garis kosong, kami memandu pembaca melalui dokumen. Dari perspektif semantik, kita dapat menggunakan elemen HTML untuk tujuan yang sama, menunjukkan elemen mana yang terkait dan yang berbeda. Kita dapat menggunakan markup semantik untuk mengkodekan tujuan elemen tertentu, dan untuk menggambarkan hierarki informasi konten halaman. Misalnya, pemotongan markup adalah cara mengkode ruang netral di sekitar satu blok konten, memberikan batas di sekitar konten dan memberikan label deskriptif.

Kami menggunakan konvensi tipografi untuk menyampaikan hubungan di antara elemen konten. Misalnya, kami menempatkan karakter peluru di depan setiap item dalam daftar kata, frasa, atau paragraf untuk menunjukkan secara visual bahwa item tersebut terkait, dan biasanya bahwa mereka adalah detail spesifik yang terkait dengan konten yang mendahului daftar. Contoh umum lainnya adalah judul diikuti oleh paragraf. Kami menandakan tajuk secara visual, menggunakan teks yang lebih besar dan tebal. Seperti dalam buku ini, kita sering memiliki sistem judul hierarkis, dengan judul halaman, judul bagian, dan judul ayat. Kami menyampaikan ini secara visual, biasanya melalui ukuran dan posisi judul. Tajuk besar di bagian atas halaman kemungkinan tajuk untuk semua konten halaman. Judul bagian lebih kecil, dan diselingi melalui halaman, dan heading subseksi masih lebih kecil. Kita dapat menggunakan markup semantik untuk menyandikan hubungan dan hierarki informasi sehingga mereka tersedia secara terprogram.

Kami juga menggunakan tipografi untuk menekankan elemen individu, untuk membuat mereka menonjol sama berbeda atau sangat penting. Salah satu caranya adalah mengatur kata atau frasa dalam huruf tebal atau miring untuk membuatnya menonjol dari konteksnya yang mengelilinginya. Kita dapat menggunakan markup semantik untuk membedakan kata atau frasa dari konten di sekitar - misalnya, untuk menandai judul pekerjaan sebagai kutipan.

Tipografi visual tidak memiliki banyak peran untuk dimainkan dalam penciptaan web. Konsep asli Tim Berners-Lee dari Internet adalah untuk membuat "Web data yang dapat diproses secara langsung atau tidak langsung oleh mesin." Penggagas HTML adalah ilmuwan yang menginginkan sarana standar untuk berbagi dokumen fisika partikel. Mereka memiliki sedikit minat pada bentuk visual dokumen yang tepat seperti yang terlihat pada layar komputer tertentu. Bahkan, HTML dirancang untuk menegakkan pemisahan yang bersih antara struktur dan presentasi, sehingga halaman akan ditampilkan pada setiap sistem dan browser yang tersedia, bekerja dengan teknologi bantu seperti perangkat lunak pembaca layar, dan secara akurat ditafsirkan oleh perangkat lunak pencarian dan analisis otomatis. Logika visual dari konten adalah menjadi perhatian sekunder. Dalam fokus hanya pada logika struktural dokumen, mereka mengabaikan perlunya logika visual dari desain grafis yang canggih dan tipografi.

Apa itu elemen semantik?

Karena Web pada awalnya dibangun untuk dirancang, programmer menggunakan hacks yang berbeda untuk mendapatkan hal-hal yang berbeda dengan cara yang berbeda. Alih-alih menggunakan informasi untuk menggambarkan tabel, programmer akan menggunakannya untuk memposisikan elemen lain pada halaman.

Karena penggunaan tata letak yang dirancang secara visual berkembang, programmer mulai menggunakan tag "non-semantik" generik. Mereka akan sering memberikan atribut kelas ini untuk menggambarkan tujuan mereka. Misalnya, alih-alih ini sering ditulis sebagai.

30 Gratis Templat Situs Web Real Estat HTML Terbaik Template Premium Gratis

Setiap kali Anda mencari beberapa gaya gerah dan siap pakai untuk mengatur situs internet terbaik maka pastikan Anda pasti akan menikmati bermacam-macam merek dan teknik yang tersedia untuk pekerjaan Anda.

30 Gratis Templat Situs Web Real Estat HTML Terbaik Template Premium Gratis
Kami menggunakan cookie
Kami menggunakan cookie untuk memastikan bahwa kami memberikan Anda pengalaman terbaik di situs web kami. Dengan menggunakan situs web Anda menyetujui penggunaan cookie kami.
Izinkan cookie.