Leanghak-Coder

Join Course

This Course Includes

hourglass_empty

10 Hours

Of self-paced video lessons

workspace_premium

Completion Certificate

Receive rewards at the end of the course on the website

event_available

Permanent access

To your Course

What you'll learn

task_alt Can Create the Complete Structure of the Website

task_alt Can Work on projects for Creating Websites

task_alt After the course you will be able to build ANY website you want.

task_alt Learn professional developer best practices.

task_alt Will be able to master Complete Html

task_alt Can also create Complex Structure of Html for WebApps

task_alt Build web development projects for your portfolio, ready to apply for junior developer jobs.

task_alt Work as a freelance web developer.

Join Course

This Course Includes

hourglass_empty

10 Hours

Of self-paced video lessons

workspace_premium

Completion Certificate

Receive rewards at the end of the course on the website

event_available

Permanent access

To your Course

Who this course is for

task_alt Anyone that wants to learn HTML Web Development

task_alt Anyone that wants to learn the how to create and/or edit websites

task_alt Anyone looking to build a solid foundation with HTML Web Development

Requirements

task_alt No Prior HTML Knowledge Needed

task_alt Access to a Computer (Windows, MAC)

task_alt No Need to Buy Additional Software to Learn HTML

Course content

Welcome to introduction to HTML Web Development
Downloadable Course Resources

Pick Your HTML Editor
Setting Up a Folder Structure
Launching on Windows
MAC USERS - Launching MAC TextEdit (DOWNLOAD)
HTML Web Development Resources (Download)

Viewing HTML Tags Page Source
Breaking Down an HTML Tag
Common HTML Tags
Adding Tag Attributes to HTML Tags
HTML Tags Resource (Download)
QUIZ #1 - HTML Tags and Attributes

Setting Up a Basic HTML Page
Using the HTML TITLE Tag
BONUS - HTML - Browser FAVICON
Adding Text to the HTML BODY Tag
Inserting HTML Comments
QUIZ #2 - Creating a Basic HTML Page
Exercise #1 - Creating a Basic HTML Page
Exercise #2 - Share Your Progress in the QA Section (SNIPPING TOOL)

Adding HTML Paragraphs
Creating Line Breaks with the BREAK Tag
BONUS - CSS - Adding Style to a Paragraph
Working with HTML HEADING Tags
HEADING Tag Good Practices
QUIZ #4 - HTML Paragraph and Heading Tags
Exercise #3 - Using HTML Paragraph and Heading Tags

Inserting Images with the HTML <IMG> Tag
HTML IMAGE Tag ALT Attribute
HTML IMAGE tag Width and Height Attributes
BONUS - CSS - Image Formatting
HTML Image References in another Folder
QUIZ #5 - HTML <IMG> Tag
Exercise #4 - Working with Images

Creating an Unordered HTML List
HTML Unordered List Sub-bullets
Creating Ordered HTML List
BONUS - CSS - Formatting HTML Lists
QUIZ #6 - HTML Lists
Exercise #5 - Adding Lists to an HTML Page

Text Based Links with the HTML <a> Tag
Turn an Image into a Link
Target a New Browser Tab using the TARGET Attribute of the <a> tag
Creating Email Links
Creating Phone Number Links
HTML Anchor Links using the ID Attribute (Bookmarks)
BONUS - CSS - Formatting HTML Links
BONUS - HTML Colors (Download)
BONUS - JavaScript - Execute JavaScript on Link Click
QUIZ #7 - HTML Links

Basics of HTML Tables
HTML Table Examples
Creating a Basic HTML Table
BONUS - CSS- Adding Borders to HTML Tables
HTML Table with Multiple Columns and Rows
HTML Table Headers
HTML Table -- TD Attribute - Colspan
BONUS - CSS - Additional Table Formatting
Quiz #8 - HTML Tables
Exercise #7 - Creating HTML Tables

Introduction to HTML Forms
Introduction to the HTML FORM tag
Creating HTML Input Text Controls
Creating HTML Form Labels
Exercise #8 - Adding Text Controls to the HTML Form
Working with HTML TEXTAREA tags
Creating HTML Input Radio Controls
Input Radio Attributes
Adding an HTML Form Button to Submit Form Data
Adding a Horizontal Rule with the HR tag
Using HTML Form EMAIL Input Type
HTML Input Tag Types
Quiz #9 - HTML Forms

Invite your friends

Enroll for as many courses as you like for FREE with Leanghak Coder.

INVITE NOW arrow_forward

Learners Reviews

Born Chhivlik

Web Development

Have new experience in coding and the teacher always helps to explain when we have a problem and the teacher is friendly and the teacher explains quickly Understand.

Lhon Englay

Web Development

Gaining limited knowledge in developing dream goals will be the first step I am taking to become a coder.

Pheap Sopheak

Web Development

Getting new experience with code, knowing about code writing, gaining more knowledge, and getting good explanation and detail with lessons I recommend you learn with Leanghak Coder if you want new experience and more knowledge.

Related Courses