Penerjemahan ini sedang berlangsung.

Pada intinya, HTML adalah bahasa yang cukup sederhana yang tersusun dari elemen, yang bisa diaplikasikan pada teks untuk menambah perbedaan maksud dalam dokumen (Apakah paragraf? Apakah daftar dengan butir? Apakah bagian dari sebuah tabel?), membentuk struktur dokumen menjadi satu bagian logikal (Apakah memiliki header? Apakah berbentuk tiga kolom? Apakah sebuah menu navigasi?), dan meng-embed konten seperti gambar dan video pada sebuah halaman. Modul ini akan mengenalkan dua yang pertama, dan mengenalkan konsep fundamental dan sintak yang harus Anda ketahui untuk memahami HTML.

Prasyarat

Sebelum memulai modul ini, Anda tidak harus memiliki pengetahuan mengenai HTML, tapi Anda setidaknya harus sudah terbiasa menggunakan komputer dan menggunakan web secara pasif (misalnya, hanya membuka-buka dan menikmati kontennya). Anda harus memiliki perlengkapan dasar (seperti dijelaskan dalam Menginstal software dasar), dan memahami cara membuat dan mengelola file (seperti dijelaskan dalam Mengelola File). Keduanya adalah bagian dari modul untuk pemula yang berjudul Mengenal apa itu Web.

Note: Jika Anda bekerja pada komputer/table/alat lain yang tidak bisa membuat file sendiri, Anda bisa mencoba (banyak) contoh kode di aplikasi pemrograman daring seperti JSBin atau Thimble.

Panduan

Modul ini berisi artikel-artikel berikut, yang akan mengajarkan Anda mengenai semua teori dasar HTML dan memberi cukup kesempatan untuk menguji beberapa kemampuan.

Getting started with HTML
Covers the absolute basics of HTML, to get you started — we define elements, attributes, and other important terms, and show where they fit in the language. We also show how a typical HTML page is structured and how an HTML element is structured, and explain other important basic language features. Along the way, we'll play with some HTML to get you interested!
What’s in the head? Metadata in HTML
The head of an HTML document is the part that is not displayed in the web browser when the page is loaded. It contains information such as the page <title>, links to CSS (if you want to style your HTML content with CSS), links to custom favicons, and metadata (data about the HTML, such as who wrote it, and important keywords that describe the document).
HTML text fundamentals
One of HTML's main jobs is to give text meaning (also known as semantics), so that the browser knows how to display it correctly. This article looks at how to use HTML to break up a block of text into a structure of headings and paragraphs, add emphasis/importance to words, create lists, and more.
Creating hyperlinks
Hyperlinks are really important — they are what makes the web a web. This article shows the syntax required to make a link, and discusses best practices for links.
Advanced text formatting
There are many other elements in HTML for formatting text that we didn't get to in the HTML text fundamentals article. The elements in here are less well-known, but still useful to know about. In this article you'll learn about marking up quotations, description lists, computer code and other related text, subscript and superscript, contact information, and more.
Document and website structure
As well as defining individual parts of your page (such as "a paragraph" or "an image"), HTML is also used to define areas of your website (such as "the header," "the navigation menu," or "the main content column.") This article looks into how to plan a basic website structure and how to write the HTML to represent this structure.
Debugging HTML
Writing HTML is fine, but what if something goes wrong, and you can't work out where the error in the code is? This article will introduce you to some tools that can help.

Latihan

Latihan-latihan berikut akan menguji pemahaman Anda mengenai dasar HTML yang ada pada panduan-panduan di atas.

Marking up a letter
We all learn to write a letter sooner or later; it is also a useful example to test out text formatting skills. In this assessment, you'll be given a letter to mark up.
Structuring a page of content
This assessment tests your ability to use HTML to structure a simple page of content, containing a header, a footer, a navigation menu, main content, and a sidebar.

See also

Web literacy basics 1
An excellent Mozilla foundation course that explores and tests a lot of the skills talked about in the Introduction to HTML module. Learners get familiar with reading, writing, and participating on the web in this six-part module. Discover the foundations of the web through production and collaboration.

Help us improve our guides and tutorials like this one by taking our survey here.

Feedback

Help us improve our guides and tutorials like this one by taking our survey here.

Tag Dokumen dan Kontributor

Kontributor untuk laman ini: ariaenggar
Terakhir diperbarui oleh: ariaenggar,