Introduction HTML stands for Hyper Text Markup Language. If you look at the source of a website, you’ll see that all the text that is on the website is organized with HTML. This is the foundation of the web. Knowing this Markup Language opens up the opportunities for your web programming skills, as it does [...]
Pages under the 'HTML and CSS' Category
Lesson 2: HTML Vocabulary
Lets review some of the HTML vocabulary words that you learned in the previous lesson: <html> and </html> are tags that MUST be included in every HTML document. If the browser doesn’t see these tags, it won’t know what you are writing in. <head> and </head> are tags that go after the HTML tags. They give the [...]
Lesson 3: Web Servers and Browsers
In this lesson, you will learn about the aspects of the web that do all the work for you. When you go to Google, or when you go to any website and you type in the URL in the browsers and hit enter, many things occur behind the scenes, and there are two very important [...]
Lesson 4: Creating an HTML File
The lesson for this module has been covered already in another post on the site. Here is the content from the post Text Editors: Text editors are programs (for both Windows and Mac) that provide an easy and extremely simple way of writing text that doesn’t require special formatting. Text editors are useful when writing [...]
Lesson 5: Markup and Tag Syntax
In this next lesson, you will learn the fundamental structure and syntax in HTML–in markup tags, that is. Here is a backbone template for what most markup tags should look like. Tags follow a very specific order in HTML markup. Here is a syntax structure with parameter names: opening tag: <tag name > opening tag with [...]
Lesson 6: HTML Element Basics
In this lesson, you will learn certain techniques about HTML Elements, some shortcuts and patterns, and how to implement them with different elements, attributes, and attribute values. HTML elements will be taught progressively, and as we get into deeper topics of HTML. We will be taking off what was in the previous lesson. So [...]
Lesson 7: HTML Headings
HTML headings are a key aspect of HTML tags. They help you define and tell the browser what is supposed to be a heading. Fortunately, HTML has several different types of headings, numbered 1 through 6. They go biggest to smallest. Here is an example. This is an <h1> header (largest) This is an <h6> [...]
Lesson 8: Paragraphing and Positioning
You can organize an HTML document very efficiently with block elements, such as paragraph elements, the <p> element, for instance. Here is how to use the <p> element in your HTML document. 1<p> <!–Insert paragraph content here–> </p> Here is how I would organize a document: 12345678910111213<html> <head> <title>Welcome to my Website</html> </head> <body> <h1>About [...]
