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:
CSS Tutorial - Lesson 3 - Properties background-color, font-style, font-weight, text-align, text-decoration, text-transform.
Over time, many HTML tags have been created, but with the widespread adoption of CSS, some of them should be avoided—such as <font>, <b>, <i>, and <center>. We’ll look at other “deprecated” tags later. These CSS properties will help you reduce unnecessary code in your HTML and move styling into CSS files.
In the previous lesson, we explored how to add CSS properties and choose colors. In this lesson, we’ll look at some common formatting features that you may have seen in HTML before—but now we’ll do it the proper way using CSS.
CSS Tutorial - Lesson 4 - The display property. Difference between div and span.
In previous lessons, we connected CSS via a file and wrote a bit of CSS code to see how it works. In this lesson, we’ll explore an important property: display. The display property determines how an HTML element is rendered in the document—whether it will be displayed inline like text or as a block that has its own width and height. Let's start with the basics: how tags are displayed by default. For example, a <div> is displayed as a block, while a <span> is inline like text. Let's begin with how text is displayed.
CSS Tutorial - Lesson Conclusion - From HTML/CSS to Drupal
This concludes the CSS tutorial, but not your journey in learning CSS. I suggest moving on to practice and continue studying CSS by creating a Drupal theme. I’ll find a PSD mockup online, and we’ll convert it into a Drupal theme based on the Zen theme.
You can also proceed to learning PHP:
Javascript Lessons (textbook, self-study guide)
JavaScript is one of the most popular programming languages in the world. While it may be losing some of its dominance over time, many developers still prioritize learning it.
You will need JavaScript to later study jQuery, which is itself a JavaScript framework. So before diving into jQuery, it's important to understand the basics of JavaScript.
JavaScript code is embedded directly into an HTML page using the <script></script> tags: