Introduction to HTML
Basically, HTML is a fairly simple language, consisting of elements that can be applied to parts of text to give them different meanings (Is this a paragraph? Is this a bulleted list? Is this part of a table?), Divide the document into logical sections (does the document have a header three columns with content? navigation menu?) and add content to your page such as photos and videos. This module will walk you through the first two features of HTML and teach you the fundamental concepts and syntax that you need to know to understand HTML.
The necessary conditions
To start learning this module, you do not need any knowledge of HTML, but you should have at least basic computer skills and skills to passively use the Web (that is, just looking at it while consuming content). You should have a basic working environment as described in Installing Basic Software) and an understanding of how to create and manage files as detailed in Working with Files both articles are part of our Getting Started with Networking module.
Note: if you are working on a computer tablet other device, without the ability to create your own files, you can try out the code samples (most of them) in online code editors such as JSBin or Thimble.
This module contains the following articles that will help you learn all the basic theory of HTML and provide ample opportunities to test some skills.
Getting started with HTML
Covers the basic basics of HTML to get you started we’ll cover elements, attributes, and all the other important terms you may have heard of, as well as where and how they appear in the language. We will also show you the structure of an HTML element, how a typical HTML page works, and explain other important language features. We’ll play with HTML along the way to keep you interested!
What is a headline? Metadata in HTML
The HTML header is the part of the document that is not displayed in the browser when the page loads. It contains information such as: the page, CSS links (if you want to style your HTML with CSS), custom icon links, and metadata (which is data about the HTML, such as who wrote it or important keywords that describe the document).
Basic HTML Text Editing
The main purpose of HTML is to give meaning to text (also known as semantics) so that the browser knows how to display it correctly. This article looks at how to use HTML to break a block of text into a structure of headings and paragraphs, add emphasis meaning to words, create lists, and more.
Hyperlinks are very important they make the internet the internet. This article describes the syntax required to create links and describes how they are best used in practice.
Advanced text formatting
There are many other HTML elements for editing text that we did not cover in the Basic HTML text editing article. The elements described here are lesser known, but useful to know about as well. Learn about quotation markup, description lists, computer code and other accompanying text, subscripts and superscripts, contact information, and more.
Document and website structure
In addition to defining specific parts of a page (such as a “paragraph” or “image”), HTML is also used to define specific areas of a website (such as a header, navigation menu, “main content column”.) In this article discusses how to plan the basic structure of a website and write HTML to represent that structure.
Writing in HTML is fine, but what if something goes wrong and you can’t find the error in the code? In this article, you will learn about some of the tools that can help you.
The following assignments will test your understanding of the HTML basics described in the tutorials above.
Sooner or later we all learn to write letters; it is also a useful test to test your text formatting skills! Therefore, in this task you will be provided with a markup letter.
Structuring the page
This test will test your ability to use HTML to structure a simple page that contains a header (“header”), footer (“footer”), navigation menus, main content, and a sidebar.
Basics of Internet Literacy
This is an excellent Mozilla foundation course that provides a lot of tests that test the knowledge we talked about in the Introduction to HTML module. Students become familiar with reading, writing and networking in a 6-part module. Discover the basics of the Internet through manufacturing and collaboration.