Presumed knowledge
There aren't really any prerequisites for this course.
Course overview
HTML, or Hypertext Markup Language, is a language used to define the content, structure, and meaning of webpages. It's one of the three core web technologies used to create websites, the other two being CSS and JavaScript.
HTML is not a programming language per se, which otherwise has the provision of data types, operators and logical constructs to control the flow of execution in a given program; it's purely just a markup language used to define documents.
If you want to get into web development, one of the most popular and demanding careers of the current era, you have to begin with HTML no matter what kind of specialization you wish to do later on.
HTML is the fundamental building block of the World Wide Web. It works by marking up some pieces of text to have a special meaning with the help of elements. There is a large collection of elements in HTML. An HTML page is just an alamgamation of these elements together.
Learning HTML is extremely easy and intuitive. There isn't really that much to wrap the mind around in HTML — the grammar has a few rules, the basic terminology and concepts are very straightforward, and some advanced ideas are also pretty simple to digest. It's all peaches and cream to become capable of writing HTML in less than a week. Seriously.
Learning outcomes
This course aims at providing you with a rock-solid foundation on HTML before you proceed to explore other amazing avenues in web development, which will usually commence with CSS and JavaScript.
This course makes sure that by the end of it, you have a profound knowledge of not just HTML but also what to learn up next and why, and even where to code.
Going into more details, by the end of this course, you'll have a firm grasp over the following:
- What exactly is HTML and what do the terms 'hypertext' and 'markup language' mean.
- How and where to write HTML, and then view its output in the browser. Also, we'll see what is Visual Studio Code and how it's the de facto editor these days for coding.
- The basics of HTML, including but not limited to: HTML elements and tags; setting the document's title, working with HTML attributes; a coding style guide to follow; and so on.
- The different ways to work with text in HTML, for example, as headings, paragraphs, bold and italic text, superscripts and subscripts, preformatted blocks, definitions, abbreviations, marked portions, quotations and citations, and much more.
- What are HTML entities, the different ways of denoting entities in HTML, and why we really need them.
- How to work with text representing code or the output generated by code or even the keyboard input involved in given programs, via the elements
<code>,<samp>and<kbd>, respectively. - What is meant by 'metadata' and which elements in HTML are used to provide metadata for a given webpage. These include
<title>,<meta>and<link>, in addition to a few others.
Table of contents
Foundation
3 hrs 38 mins 13 chaptersDescription:In this unit, we shall explore the very basics of HTML, starting with a detailed introduction to what exactly is HTML. We'll create our very first HTML program and then take it from there onwards to discover such different ideas as working with text (headings, paragraphs, definitions, quotations, etc.), adding characters using entities, working with text representing code, and setting up metadata elements.
Introduction2 minsGet Started22 minsBasics19 minsBasics Quiz11 questionsBrief Intro ExerciseVery easyText16 minsText Quiz12 questionsPythagorean Theorem ExerciseVery easyTwo Paragraphs ExerciseVery easyLists12 minsLists Quiz8 questionsPound Cake ExerciseEasyAdvanced Text23 minsEntities6 minsCode6 minsDiv and Span13 minsMetadata23 minsURIs31 minsHyperlinks29 minsIframes16 minsMetadata
57 mins 3 chaptersDescription:In this unit, we shall unravel all the elements in HTML that are used to set up metadata of an HTML document. These include, but aren't limited to,
<meta>,<link>,<style>, and<script>. We'll see the different kinds of metadata that could be configured for a document, such as the viewport's behavior, or the favicon.Semantic HTML
1 hr 23 mins 7 chaptersDescription:In this unit, we shall talk about HTML from the perspective of semantics, i.e. meaning. We'll explore what exactly is meant by semantic HTML and how could, and ideally should, we leverage it in our websites. We'll cover a host of semantic HTML elements, such as
<header>,<footer>,<aside>,<article>,<section>, and so on.
Frequently asked questions
-
Is HTML easy to learn?
A big yes! HTML is one of the most simplest of web technologies to learn. In fact, people completely new to the world of web development are first made to learn HTML, since it forms the very foundation of the web.
-
What if I get stuck somewhere in the course?
If you're having a hard time understanding a given concept in the course, feel free to reach out to us via our email
mail@codeguage.com, describing the issue you're facing. We'll try our level best to help you out. -
Some important topics are missing from the course. Why is that so?
Our courses are released while they are still under construction so that our learners can get early previews. As we continuously work on adding more and more content to our courses, if a given topic isn't covered today, there's a high chance that it's already under way and will show up very soon. You can follow us on Twitter to be updated with our latest content releases.
-
How can I ask any general questions related to the course's content?
Write to us at
mail@codeguage.com.
Share your experience
Empower others and help shape new learning journeys!
We are really glad to know that our immense effort on creating this and other suchlike courses got you here. We believe that your insights regarding this course can inspire and guide others on their learning path. We'd really love to hear about your viewpoint on the course and how it helped you improve your skills.
The best part is that you get to post the review from your own Instagram or Twitter account, while mentioning CodeGuage in your post. The process to follow is really simple:
- Write about your experience of a given course and how it helped you in levelling up your skills.
- Include the
@codeguagehandle in your post. (That's important!) - Include the
#SkilledUpWithCodeGuagehashtag in your post.
And that's it! It's that simple.
We sincerely thank you for being an integral part of our community and helping us shape a brighter future for aspiring programmers and mathematicians.
Together, let's build a community of learners. Happy learning! 🙂
Why this course?
-
Free of cost
No need to buy any subscriptions, make any payments, or create any accounts. All the content is available for free.
-
Well-structured
Content throughout the course is organized in a chronological fashion, ensuring a clear and intuitive learning experience.
-
Simple to understand
Everything is explained in plain and concise words, right from the perspective of an absolute beginner.
-
Detailed explanations
Certain concepts require a pretty deep insight. Fortunately, we provide all that insight in easy words.
*The durations mentioned on this page are merely an estimate; the actual time completing the underlying topic/course would obviously be much greater.
