Overview HTML
Chapter: 1
Welcome to HTML!
HTML stands for HyperText Markup Language.
Unlike a scripting or programming language that uses scripts to perform functions, a markup language uses tags to identify content.
Here is an example of an HTML tag:
What does a markup language use to identify content?
The Web Structure
The ability to code using HTML is essential for any web professional. Acquiring this skill should be the starting point for anyone who is learning how to create content for the web.
Modern Web Design
HTML: Structure
CSS: Presentation
JavaScript: Behavior
PHP or similar: Backend
CMS: Content Management
The Web Structure
Rearrange the code to surround the text "I am learning HTML on SoloLearn!" with opening and closing <p> tags:
Chapter:2
The <html> Tag
Although various versions have been released over the years, HTML basics remain the same.
The structure of an HTML document has been compared with that of a sandwich. As a sandwich has two slices of bread, the HTML document has opening and closing HTML tags.
These tags, like the bread in a sandwich, surround everything else:
…
</html>
The <html> Tag
Fill in the blank to create an opening html tag:
The <head> Tag
Immediately following the opening HTML tag, you'll find the head of the document, which is identified by opening and closing head tags.
The head of an HTML file contains all of the non-visual elements that help make the page work.
<head></head>
</html>
The <head> Tag
Drag and drop from the options below to create a valid HTML document:
The <body> Tag
The body tag follows the head tag.
All visual-structural elements are contained within the body tag.
Headings, paragraphs, lists, quotes, images, and links are just a few of the elements that can be contained within the body tag.
Basic HTML Structure:
<head>
</head>
<body>
</body>
</html>
The <body> Tag
Rearrange the code to create a basic HTML document structure:
Chapter:3
The HTML File
HTML files are text files, so you can use any text editor to create your first webpage.
There are some very nice HTML editors available; you can choose the one that works for you. For now let's write our examples in Notepad.
Chapter:4
Creating a Blog
Throughout this course, we'll help you practice and create your own unique blog project, so you'll retain what you've learned and be able to put it to use. Just keep going and follow the instructions in the TASK section. This is what your finished blog page will look like.
<head>
<title>My Blog</title>
</head>
<body>
...
Don't be afraid of long codes. By the time you complete the course, everything will make complete sense and look highly doable. We guarantee it!
1. Open the code.
2. On the top header, change the name to your own name.
3. Change the page title. Remember, the page title is located inside the <title> tag in the <head> of the page.
Creating a Blog
Fill in the blanks to add a title to the html page.
Chapter:5
Comments
Post a Comment