HTML and CSS Tutorial

Last updated on October 31st, 2020 at 07:50 am.23 CSS Selectors – PSEUDO Selectors In the last post you learned how to use Attribute Selectors in CSS .  In this post you will learn how to use Pseudo-class and Pseudo-elements selectors. These selectors will select an element when they are in a certain location or … Read more

Last updated on October 31st, 2020 at 07:51 am.22 CSS Selectors – Attribute Selectors In the last post we looked at Simple Direct CSS selectors. In this post you will learn how to use the html attributes as CSS selectors. Attributes describe more characteristics of an HTML tag. In the last post you came across … Read more

Last updated on October 31st, 2020 at 07:51 am.21 CSS Selectors – Direct Selectors In this post let’s talk about direct selectors. These work by targeting a direct element in html, its identity or its class. We touched on these simple  selectors in the last post. We will look at the following: Element selectors / … Read more

Last updated on October 31st, 2020 at 07:49 am.20 Understanding  CSS Selectors – Introduction to Selectors The most important thing in CSS is selectors. I say this because, if your selectors are incorrect, the element you would like to style will not be styled. It is therefore important for you to learn how to use … Read more

Last updated on October 31st, 2020 at 07:50 am.19 Adding background with CSS – HTML and CSS Tutorial In this post we’ll add a background to our html template. You may watch this full tutorial here and download all the files here. Adding Background color body { background-color: black; } background-color will define the color … Read more

Last updated on October 31st, 2020 at 07:52 am.18 Parts of CSS In this post let us look at the various parts of CSS. We are going to do this by analyzing the sample CSS code below: body { background-color: #fff; color: #000; } Explanation of the code In the above styles, the first part … Read more

Last updated on October 31st, 2020 at 07:53 am.17 CSS Tutorial – CSS in HTML and Browser Extensions In the last post we started looking at CSS in HTML. In this post well look at how CSS is used in HTML. We’ll look at examples of each case. We’ll also talk about some Browser plugins … Read more

Last updated on October 31st, 2020 at 07:55 am.CSS Tutorial begins – HTML and CSS Tutorial for Beginners In the last fifteen posts and Videos we looked at HTML. In the next fifteen we’ll look at CSS . If you want to learn more about HTML, check out this HTML/CSS tutorial . You have learned … Read more

Last updated on October 31st, 2020 at 07:59 am.15 More about accessing images in a directory In the last post we looked at how to access an image in a folder. The  image folder and the HTML file were in the same location. To embed the image it was done as follows: <img src=”img/image.png” alt=”Image … Read more

Last updated on July 13th, 2020 at 07:16 am.14 HTML img Tag – displaying images in a folder In the last post we learned how to display images. You also learned how to connect an image to its caption using the <figure>  and <figcaption> HTML5 elements. As shown in the image above, sometimes your images … Read more

Last updated on July 13th, 2020 at 07:06 am.13 How to display local images in HTML In the last post we looked at somethings about the <img> Tag. You learned about various attributes that are part of the img element. We also added the following html code, which should display an image from an external … Read more

Last updated on October 31st, 2020 at 07:57 am.12 Working with Images in HTML – HTML CSS Tutorial In this post let us talk about how to work with images in HTML. The tag responsible for images in HTML is the <img> tag . The <img> tag does not need to be closed like most … Read more

Last updated on October 31st, 2020 at 07:57 am.11 More about HTML Divs In the last video we looked at other things relating to HTML Divs . In this video we covered how to do Nested divs, that is a div within a div. The most important thing to know about divs within divs is … Read more

Last updated on October 31st, 2020 at 08:05 am. 10 More about HTML divs In the last video we said that a div is used for grouping elements that we may want to style in a certain way. In this post let us look at some examples of what a page may look like with … Read more

Last updated on October 31st, 2020 at 08:06 am.9 The <div> Tag in HTML [DIV tag] The <div> element is used as a container. By default the <div> does not contain anything. It is you who will put other elements inside of it. A div can be used as a block to group different elements … Read more

Last updated on October 31st, 2020 at 08:07 am.8 HTML and CSS Tutorial – Paragraphs and Headings In this post let’s look at the Paragraph (P Tag) and the Heading Tags. <p> –  Paragraph Tag This is used to represent blocks of Text in HTML.  The <p> tag is used to represent paragraphs. Paragraphs can … Read more

Last updated on October 31st, 2020 at 08:08 am.7 Structure of HTML web page Every HTML web page has a similar document structure that has the following parts: The full HTML This is the area enclosed between the opening and closing html tag – <html> </html> . It comes immediately after the  <!DOCTYPE>  declaration. Everything … Read more

Last updated on October 31st, 2020 at 06:21 am.6 HTML CSS Tutorial – HTML declarations The HTML declaration (<!DOCTYPE>) will be the first thing you write on your html document before anything else. This is how the browser knows the version of HTML to expect. All other HTML versions have a Document Type Definition (DTD) … Read more

Last updated on October 31st, 2020 at 06:21 am.5 About the HTML extension In this post/video let us talk about the HTML extension. The current extension for HTML documents is  .html (dot html)  . For example some sample files could be: index.html home.html file.html Etc Learn HTML in this tutorial   Create your file You are going … Read more

Last updated on October 31st, 2020 at 06:22 am.4 Browsers for your Web Design Tasks In this video we’ll talk about some browsers you may download and install. We’ll talk of the browsers you already know about. As a Web Designer you will need to have different browsers on your machine.   Learn HTML in this … Read more

Last updated on October 31st, 2020 at 06:23 am.3 HTML Code Samples – CSS/HTML Tutorial In this HTML Tutorial we’ll go through the simple HTML code sample below .  In each video, you’ll learn about some specific element of HTML.  Learn HTML in this tutorial  By the end you will be able to understand what … Read more

Last updated on October 31st, 2020 at 06:18 am.Watch this video on YouTube2 HTML and CSS Tutorial – Text Editors Welcome to another HTML and CSS tutorial section. In the above video, you’ll choose a text editor to download . Remember  that you may watch the full HTML and CSS tutorial here. Throughout this tutorial, … Read more

Last updated on October 31st, 2020 at 06:18 am.1 HTML and CSS tutorial for beginners  Learn HTML in this tutorial  Over the next 30 days, you’ll learn HTML  and CSS from the videos / posts I will add for you here. If you don’t know HTML/CSS and would like to learn them, follow me on … Read more