HTML and CSS for Absolute Beginners: Part 7 – Form Fields

Form Fields In the previous chapter, we talked about how to create tables to display tabular data. In this chapter, we’ll go over how to create our own forms on a page. Forms are useful in capturing and getting information from a user through form fields such as inputs, checkboxes, radio buttons, select dropdowns, etc. […]

Continue reading


 HTML and CSS for Absolute Beginners: Part 6 – HTML Tables

HTML Tables In the last chapter, we learned how to create links, images, and leared how to link to several pages. In this chapter, I’ll be going over how to create HTML tables. Tables are great for displaying tabular data (these include text, images, links, etc.), meaning they are useful to show information in different […]

Continue reading


 HTML and CSS for Absolute Beginners: Part 5 – Creating Links, Images, and Pages

Creating Links, Images, and Pages In the last chapter, we learned what block and inline-level elements were and we got familiar with creating headings, paragraphs, lists, breaks and horizontal rules. In this next chapter, we’ll dive into a standard functionality that almost all webpages have: links. Links are necessary to allow users to click on […]

Continue reading


 HTML and CSS for Absolute Beginners: Part 4 – Adding More Content and Structure

Adding More Content and Structure In the last chapter, we finally created our first web page. Unfortunately, there was nothing to be shown on the page itself, even though we did write out some HTML code. In this chapter, we’ll be exploring more HTML elements to add more structure and content to our page. Time […]

Continue reading


 HTML and CSS for Absolute Beginners: Part 3 – Structure of a Webpage

Structure of a Webpage In my previous post, we understood and got an idea of what HTML elements, tags, and attributes are. Now it’s time to actually apply what you have learned and start creating your very first webpage. We’ll also be able to finally preview it in this tutorial for the first time. Basic Building Blocks Every single […]

Continue reading


 HTML and CSS for Absolute Beginners: Part 2 – HTML Elements, Tags, and Attributes

Writing HTML In the Part 1 of this tutorial, I went briefly into what HTML and CSS is and some of the things you’ll need to help get you started in creating your own webpages. Now, I’ll explain in greater detail how HTML is used to structure your very first webpage. You won’t need to […]

Continue reading


 HTML and CSS for Absolute Beginners – Part 1 – Intro

Target audience Hello and welcome to my series of tutorials on HTML and CSS for Absolute Beginners. Before I begin, I’d like to clarify who my target audience is and who these set of tutorials are tailored for. These next series of tutorials are for absolute beginners who have no insight or knowledge into making and creating websites […]

Continue reading


 How To Create a Back To Top Button Using HTML, CSS, and jQuery

How To Create a Back To Top Button Using HTML, CSS, and jQuery

One of the most common elements, that a lot of websites use to help users get back to the navigation menu without having to continuously scroll, is a “back to top” button. Most websites, especially those that contain a lot of content and vertical space, usually have a “back to top” button floating near the […]

Continue reading


 How To Make IE7 and IE8 to Support HTML5 Tags

Ever since the introduction of HTML5, the compliance for modern web standards have continuously been a debacle when dealing with older browsers, particularly with Internet Explorer. While IE9 and newer has had considerable support for modern web standards, older versions of IE have just been a pain to design around.

Continue reading


 How To Create a Simple Tooltip Using CSS and jQuery

tooltip

Tooltips are a great way to create context for users, especially when they require some more information. Tooltips are actually very easy to make, and can greatly help to provide information on your site. In this tutorial, I will go through the process of creating a very simple, and easy-to-use tooltip that you can apply […]

Continue reading