HTML Tables used to be employed to create entire website layouts. Now, they should only be used in selective cases when appropriate. This HTML5 Tutorial will explain how to create a HTML Table and then explain how you should use it in the modern era of web design. HTML Tags for a Basic Table Here is a snippet to show a basic HTML Table to show what you could have planned for the working week: And here is what that…
This is a joint HTML5 and CSS3 Tutorial. If you have not started learning CSS, then start at the beginning of our CSS3 Tutorials and then pop back here! Using Fonts: The ‘Old’ Way Before the era of being able to embed and use any font you want on your web pages, you had to think carefully before defining any given typeface on your web pages. This is because if you specify a font you have on your computer but…
Now you know how to structure a basic HTML5 page. Let’s go ahead and start to make it look pretty. Quick Links: The <img> Tag | The <picture> Tag The Importance of Images in Web Design If the current era of Social Media has taught us anything it is that people are visually driven. People will engage with pictures and videos significantly more than they will rafts of written content. This should not detract from the importance of writing in-depth,…
In that last Tutorial (A Basic HTML5 Page) we saw how to structure an entire web page, from top to bottom. In this lesson, I want to introduce to you ideas around how you should structure your content for the people actually reading your page. Thinking Like A Newspaper Whether in print or online, thinking about your content the way the newspapers do is a good approach when considering how your page should be laid out. This can be thought…
If you haven’t read the Introduction to HTML5 yet, go ahead and read that. I’ll still be here when you get back! What a Basic HTML5 Page Looks Like If you’ve chosen your text editor, power it up straight away. Got it? Great! The code snippet I introduced last lesson was this: If you’re totally new to coding, then don’t be daunted as I’ll go down it pretty much line-by-line. Line 1: DOCTYPE html If you’ve never coded before, then…
HTML (HyperText Markup Language) has gone through many changes over the years, as has the journey of web design and development in general. The latest iteration of HTML – HTML5 is what I will cover here, along with its partner-in-crime, CSS3 (Cascading Style Sheets). With the move to more responsive (mobile-friendly) web design, coding to the latest standards becomes even more important. Introduction to HTML5 – the Beginner’s Guide This starting point assumes you don’t know much about HTML and…
