HTML/CSS Coding Class
154 subscribers
1 photo
10 links
Channel for learning how to code in HTML/CSS used for web development and web design. For questions and discussions join this group https://t.me/+pEiraGdRusRlY2M0
Download Telegram
For questions and discussions on lessons join this group https://t.me/+pEiraGdRusRlY2M0
Channel photo updated
Quiz 5
( Quiz on Basic HTML Structure, You can refer to the notes)
Question>> Rearrange the code to create a basic html document structure
</body>
</html>
<html>
<body>
<head></head>
The HTML File/ HTML Editors

HTML files are text files. We use text editor to write HTML codes or html documents.

The are so many html editors, but what is recommended is the notepad application.

To run our html codes we will be using the blogger CMS by Google for the purpose of our lessons.
Quiz 6
Question: what type of editor is used to write or edit html codes
A. HTML editor
B. HTML file editor
C. Text editor
D. File editor
You can refer to the notes for the answer
HTML FILE EXTENSIONS

Html file names are save wih .html or .htm extensions
Quiz 7
Question: What is the correct extension for html files?
A. .css
B. .txt
C. .html
D. .exe
The <title> Tag

To place a title on the tab describing the web page, add a <title> element to your head section:
<html>
<head>
<title>the title of the web page goes here</title>
</head>
<body>
</body>
</html>

The title element is important because it describes the page and is used by search engines indexing the webpages.
Quiz 8
Question: Where should you put the title tag?

A. Between the body tags

B. Between the head tags

C. After the closing html tag

D. Before the html tag
Now we are going to have End of Module Quiz consisting 4 Questions on what we have learned from the beginning to now.
Before that if you have any questions on what we have learned so far, you can ask
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:
<html>
<head>
</head>
<body>
</body>
</html>
END Of MODULE QUIZ FOR HTML OVERVIEW
(Select whether A, B, C or D as the correct Answer for example

1. A
2. B
3. C
4. D

1. What is HTML?

A. Programming Language

B. Scripting Language

C. Markup Language

D. Hypertext Library

2. Of which main parts does the HTML file consist of?

A. hands and feet

B. head and body

C. eyes and mouth

D. header and footer

3. Which tag contains the visual part of the web page?
A. <paragraph>
B. <body>
C. <title>
D. <html>

4. Fill in the blanks(what is supposed to be in where the dot dot dot is:

<html>
<head>
</...... >
<body>
This is a line of text.
</body>
</html>

A. html
B. title
C. head
D. body
Single Line Break

In these lesson we are going to learn about the <br /> tag

We use the <br /> tag to add a single line of break without starting a new paragraph:
It is just like typing and pressing enter key on your keyboard to jump to the next line.

It can be used when you are writing a list of names or items etc.

.
The <br /> element is an empty HTML element. It has no end tag
An example is
John Doe<br /> Eric James<br /> Sandra Joe <br />
Quiz on Single Line Break
Question: What tag is used to create line break
A. </ br>
B. <b>
C. <break>
D. <br />
HTML Headings


HTML includes six levels of headings, which are ranked from the biggest to the smallest
These are <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>.

<h1> tag makes a text bold and bigger than the rest of the h tags
And h6 tag makes a text bold and big but smallest of all the h tags

The closing tag for <h1> is
</h1> and you do the same for h2 to h6 in their closing tags
The following code defines all of the headings:

<html>
<head>
<title>HTML Headings</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
It is not recommended that you use headings just to make the text big or bold, because search engines use headings to index the web page structure and content.
Quiz on HTML Headings
Question: What tags are used to indicate Headings?
A. headline
B. headings
C. h1 - h6
D. header
Do you want to start blogging.
But don't know how.
Drop the stress and hussle of setting up a blog.
Get a blog setup for you at a low fee and start blogging right away. For more info WhatsApp: https://wa.me/message/ARNYFBLGDOTLN1
BLOGGING: Everything you need to know about blogging and how to become a blogger - From beginner to professional insights and everything that blogging entails
https://www.ghanatrendingnews.com/2022/08/blogging-everything-you-need-to-know-about-blogging-and-how-to-become-a-blogger.html