BGS 16 Juni 2015

Belajar HTML

HTML adalah singkatan dari Hypertext Markup Language. Ini adalah bahasa markup yang digunakan untuk menentukan struktur dan konten dari halaman web. HTML menggunakan tag (markah) untuk menandai bagian tertentu dari halaman seperti judul, paragraf, gambar, dan tautan. Setiap tag memiliki makna dan fungsi tertentu yang membantu browser web menentukan bagaimana halaman web harus ditampilkan.

Contoh, tag <h1> digunakan untuk menandai judul utama dari halaman, sedangkan tag <p> digunakan untuk menandai paragraf teks. Tag <img> digunakan untuk menampilkan gambar, dan tag <a> digunakan untuk membuat tautan ke halaman web lain.

HTML memainkan peran penting dalam pembuatan dan pengembangan situs web, dan membentuk dasar bagi banyak teknologi web lainnya, seperti CSS dan JavaScript.

Untuk melihat latihan saya dalam mempelajari HTML, bisa mengunjungi tautan Belajar HTML Dasar ini.

Daftar materi HTML dibawah ini sementara tidak aktif, saya masih mengerjakan dilain tempat agar materi ini bisa dilihat lebih mudah dan dipelajari.




4. HTML text formatting
4.1 - Text formatting
4.2 - Preformatted text (how to control line breaks and spaces)
4.3 - Different computer-output tags
4.4 - Insert contact information
4.5 - Abbreviations and acronyms
4.6 - Text direction
4.7 - Long and short quotations
4.8 - How to mark deleted and inserted text

5. HTML styles
5.1 - Style HTML elements
5.2 - Style background color
5.3 - Style font, color, and size
5.4 - Style alignment of text
5.5 - Set the font of text
5.6 - Set the font size of text
5.7 - Set the font color of text
5.8 - Set the font, font size, and font color of text
5.9 - Using styles in HTML
5.10 - Link that is not underlined
5.11 - Link to an external style sheet

6. HTML links
6.1 - How to create hyperlinks
6.2 - Use an image as a link
6.3 - Open link in a new browser window
6.4 - Jump to another part of a document (on the same page)
6.5 - Break out of a frame
6.6 - How to link to a mail message (will only work if you have mail installed)
6.7 - Another mailto link

7. HTML images
7.1 - Insert images
7.2 - Aligning images
7.3 - Let the image float to the left or right of a paragraph
7.4 - Make a hyperlink of an image

8. HTML tables
8.1 - Simple tables
8.2 - Tables without borders
8.3 - Table headers
8.4 - Table with a caption
8.5 - Table cells that span more than one row or column
8.5 - Tags inside a table
8.7 - Cell padding (control the white space between cell content and the borders)
8.8 - Cell spacing (control the distance between cells)

9. HTML lists
9.1 - An unordered list
9.2 - An ordered list
9.3 - Different types of ordered lists
9.4 - Different types of unordered lists
9.5 - Nested list
9.6 - Nested list 2
9.7 - Definition list

10. HTML input
10.1 - Create text fields
10.2 - Create password field
10.3 - Check boxes
10.4 - Radio buttons
10.5 - Simple drop-down list
10.6 - Drop-down list with a pre-selected value
10.7 - Text area (a multi-line text input field)
10.8 - Create a button
10.9 - Draw a border around form-data



Tidak ada komentar:

Posting Komentar

Terima kasih telah berkunjung dan membaca artikel ini. Silahkan berikan saran dan pertanyaan di kolom berikut ini.