HTML First Steps - Lesson 5 - Tables
One of the important ways to store information is with tables. Tables are used in Excel, Access, and other databases. Tables are a clear way to present data, and they make it easy to create charts and diagrams. In this lesson, we’ll look at how to create tables in HTML using the tags <table>, <tr>, <td>, <th>, <thead>, <tbody>, and <tfoot>.
HTML First Steps - Lesson 6 - Images
Images are a very important element of a website—without them, it looks dull and unattractive. Images are used for visual design, photo galleries, or just to enhance content.
Images are inserted using the IMG tag (note that we write img, not the full word “image”). The IMG tag is self-closing: <img />, meaning it doesn’t require a closing tag.
HTML First Steps - Lesson 7 - Object Tag. Embedding Video from Youtube.
Quite often you need to embed a YouTube video into your blog. In this lesson, we’ll go over the tags and attributes used to do that. Let’s start by going to YouTube and copying the embed code for a video.
The resulting code looks like this:
HTML First Steps - Lesson 8 - Universal Tag Attributes
We’ve already talked about how different tags have their own specific attributes. Now it’s time to discuss the attributes that are common to many tags. Let’s look at the most popular ones.
HTML First Steps - Lesson 9 - Creating a Menu
The main element of a website is the menu (navigation). It allows users to move between pages on the site. A menu is also important for search engine indexing—without links connecting the pages, a search engine won't be able to crawl the entire site. Let's take a look at what a menu is made of.
HTML First Steps - Conclusion
I think this is a good place to end the HTML tutorial, but I will continue to post lessons on HTML if something new comes to mind. You might feel like this tutorial is quite short, but after all, it is titled "First Steps". I don't believe it's necessary to describe every single tag here—that will be covered later in an HTML reference guide.
If you're thinking about continuing your learning, I recommend moving on to CSS. It's a part of HTML that allows you to style HTML elements and make everything look beautiful.
HTML Tutorial - Additional Materials
With HTML, you can create your own website. This HTML tutorial will teach you a lot about building an HTML website. The HTML lessons are easy to understand, and you will enjoy learning HTML.
CSS Tutorial
So, you've read a book on HTML and now you're taking the next step toward creating your own beautiful website by learning CSS. Why do you need CSS? If you've read my *First Steps in HTML*, you probably noticed how concise that guide is. I intentionally skipped many tags and attributes related to styling: italic, bold, color, shape, emphasis. I did this assuming that you won't need them.
CSS Tutorial - Lesson 1 - Including CSS Styles
I won’t explain why CSS is needed. If you’ve opened this tutorial, it means you want to learn it. I’ll just say that CSS has powerful capabilities that allow you to build layouts of any complexity. In turn, using CSS means you'll need to stop using various HTML tag attributes like size, color, bgcolor, align, and others, which will only “interfere” with CSS.
CSS Tutorial - Lesson 2 - Getting Started with CSS. CSS properties background, color.
Hello, everyone. In the previous lesson, I created two files: an HTML file and a CSS file. Here's their code:
index.html:
<html> <head> <title>CSS Tutorial</title> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> </head> <body> <p>Learn CSS with drupalbook.org</p> <p>2nd line: Learn CSS with drupalbook.org</p> </body> </html>
style.css: