HTML from scratch Part-1

Name: HTML from scratch Part-1
Rating: 4.2 (10 reviews)

Master the Basics of HTML and CSS: Build Your First Websites from Scratch!

Created byPramendra Shukla

Last updated 1/2024

English

What you'll learn

Gain a thorough understanding of HTML essentials, including tags, attributes, and document structure, enabling the creation of well-structured web pages.
Learn the basics of Cascading Style Sheets (CSS) to enhance visual presentation, covering styles such as colors, fonts, and layouts for more appealing web pages
Learn the importance of semantic HTML and how to use it to improve the structure and accessibility of web content.
Understand the importance of adhering to web standards and industry best practices.

Course content

5 sections • 19 lectures • 1h 31m total length

Introduction2:00
Learn HTML from scratch, from beginner basics to advanced concepts, covering structure, tags, forms, tables, hyperlinks, navigation, and semantic elements, with three projects: tribute page, landing page, and survey form.
Installing VS Code Editor3:30
Learn the essentials of building web pages with HTML structure, CSS styling, and JavaScript interactivity, and install Visual Studio Code with extensions to edit code effectively.
Installing VS Code Extentions1:32
Learn to set up HTML development in VS Code by creating a project folder and installing key extensions—auto rename tag, HTML CSS support, ES6 code snippets, and prettier formatter.

Basics of HTML Structure4:57
Learn the basics of HTML as the standard markup language for web pages. Create your first index.html and structure with doctype, html, head, body, header, h1–h6, p, a, lists.
Understanding Tags and Attributes in HTML6:38
Learn how to structure a web page with the HTML root, head and body, write the title tag, and use h1–h6 and p tags along with anchor tag attributes.
Uses of anchor tag, image tag in HTML7:42
Explore HTML attributes, anchor tags for navigation between pages with target attributes and a button inside the anchor, and img tag usage with src and alt attributes.

Heading tags7:54
Explore heading tags from h1 to h6 and the paragraph tag. Learn how structure and semantic markup influence seo and page styling.
Understand in-line CSS property6:23
Discover how the inline style attribute applies color, font size, and background color to HTML elements, and compare div and span, while noting external CSS is preferred over inline styles.
Formatting tags in HTML8:36
Explore formatting tags in HTML, including bold, strong, italic, emphasize, small, deleted, inserted, subscript, and superscript, and learn how break tags affect line layout.
HTML quotation and citation tags7:04
How to use comments in HTML2:54

Learn about CSS and how to use it9:51
Explore core CSS concepts and how to use them across inline, internal, and external styles. Learn to apply color, font family, font size, border, padding, and margin with practical examples.
All about navigation5:35
Learn how to use HTML anchor tags to navigate pages with the href and target attributes, including blank, self, and parent options, plus a google.com example.
Image tag in detail7:07
Learn to use the image tag with src, alt attributes, and favicon icons. Configure height and width, and apply background-image, background-repeat no-repeat, background-size cover, and background-position center.
Embedding Favicon Icon1:52
apply a favicon to a tab title by linking the icon from the asset folder, updating the href path, and saving to reflect the favicon and title.
HTML Block and Inline Elements3:24
learn how block level elements start on a new line and take full width, with paragraph as example, while inline elements like span take only as much width as needed.
HTML Div Element1:46
Explore how div elements function as block elements, taking full width and creating separate lines. Next video covers classes and IDs.
HTML Classes and Id1:46
Explore how divs function as block elements that take full width and help structure a webpage, paving the way to learn about classes and IDs.

Requirements

Students should have a fundamental understanding of how to use a computer, including file management, internet browsing, and software installation.
This course is designed for beginners, so no prior experience with HTML or CSS is necessary. It's suitable for those who are new to web development.
Students will need access to a text editor for writing HTML and CSS code. Popular options include Visual Studio Code, Sublime Text, or Atom.

Description

Unlock the gateway to web development with our "HTML from Scratch Part 1" course! Whether you're a complete beginner or looking to solidify your foundational skills, this course is your stepping stone into the world of web development.

In this hands-on and beginner-friendly course, you will:

Master HTML Essentials: Dive into the core concepts of HTML, learning how to structure content, use essential tags, and create well-organized web pages.
Explore CSS Basics: Elevate your web pages with style! Learn the fundamentals of Cascading Style Sheets (CSS) to enhance the visual appeal of your websites.
Build Responsive Websites: Understand the principles of responsive web design, ensuring your creations look stunning on devices of all sizes.
Hands-On Projects: Apply your knowledge through practical projects, gaining the confidence to create your own web pages and projects.
Bonus Learning: Delve into semantic HTML for improved accessibility and search engine optimization. Develop troubleshooting skills to identify and fix common coding errors. Understand web standards and best practices, ensuring your code is clean, maintainable, and compatible across various browsers.

By the end of this course, you'll have a solid grasp of HTML, basic proficiency in CSS, and the skills to embark on your web development journey. Enroll now and start building your first websites from scratch!

Who this course is for:

Individuals with little to no prior experience in web development who want to start building websites from the ground up.
Those who aspire to become web developers and want to establish a solid foundation in HTML and CSS, the fundamental building blocks of web development.
Entrepreneurs or small business owners who want to create and maintain their own websites without relying on external developers.

HTML from scratch Part-1

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 7min

Understanding HTML Structure3 lectures • 19min

Learn tags in detail5 lectures • 33min

Basic CSS and other important tags7 lectures • 31min

Conclusion1 lecture • 1min

Requirements

Description

Who this course is for: