Learn HTML and CSS In 24 Hours and Learn It Right | HTML and CSS For Beginners with Hands-on Exercises

By Ibnul Jaif Farabi

Master HTML and CSS with Interactive Exercises and a Unique Hands-On Exercises.

This is a complete beginner's guide to Web Design with HTML5 and CSS.

The complex topics in HTML and CSS are broken down into smaller simple steps to make sure that you can easily understand and master these two languages even if you have no prior coding experience.

The best way to learn programming is by doing. Examples are provided with every concepts as well as the images are also provided. Topics are also presented in a really simple style so that this book will appeal to any individual.

This book also includes a bonus chapter where you'll build a simple portfolio website just with HTML and CSS, where you'll apply all the knowledge you've learned from this book.

Are you ready to dive into the exciting world of web development? Then this is the perfect book for you.

What you'll learn from this book:

• HTML Introduction and the First Webpage
• HTML Tags and Attributes
• HTML Forms, Tables and Lists
• Header, Footer and the Navigation Section
• Section and Article Elements
• Audio, Video and Embed Elements
• CSS Introduction
• HTML Elements Selectors and CSS Colors
• Playing With the Background
• Making the Webpage Beautiful
• Using Border, Margin and Padding Properties in CSS
• Build a Simple Portfolio Website

• Language: English
• Publisher: Ibnul Jaif Farabi
• Release date: Aug 27, 2022
• ISBN: 9798201888893

Ibnul Jaif Farabi

Ibnul Jaif Farabi is a Web Designer and Developer, UI / UX and Mobile App Developer based in New York City.  He has a wide depth of knowledge and expertise in using his technical skills in the fields of electrical engineering, computer science and software development to help organizations increase productivity, as well as accelerating business performance. He also has a deep passion for troubleshooting technical issues and brainstorming new ideas that can lead to unique solutions. He works effectively and efficiently as a team player as well as being purpose driven and result oriented.

Book preview

HTML Introduction and the First Webpage

HTML stands for Hyper Text Markup Language, that connects the webpages to one another. Every HTML page has the following parts.

On the Document part, the individual elements collectively form an entire HTML webpage. It has the following few parts.

is the first element of the page.

comes after this and contains all the contents of the entire page.

Next is the part, it’s the container for stuffs that can’t be viewed on the page. This includes keywords, descriptions, character sets etc.

If we want to see the page in human language, we need to use the utf-8> inside the .

Then comes the that nests within the and appears in the browser tab. This provides special instructions to the browser. This tag is used for search engines.

After the , comes , which contains all the contents on the page.

Also, for every opening tag, there’s a closing tag like this: , , , etc.

The structure is the following.

  utf-8>

 

  This's the body of the website.

Output:

Graphical user interface, application, Word Description automatically generated

Now, let’s talk about how the browsers work with HTML. Browsers by default can’t read the content directly from the place, so to solve this situation web servers are used. Web servers can be either hardware or software or both, that delivers the webpage to the browser. The web server responds to the browser’s request and executes it. The HTML document is sent to the browser, which includes the tags, texts, attributes etc. and the browser identify the tags and correctly display the content.

HTML isn’t a programming language; it controls the structure and layout of data on a webpage. There’s no programming logic is involved.

Always use the indentation, so that the code is easier to understand. Tags are always lowercase.

HTML Tags and Attributes

In this part, we’ll study the backbone of the HTML, the HTML tags. We’ll also discuss the HTML attributes, which add the extra