top of page
Green πŸˆπŸšƒπŸ§ΆπŸ“—.jpg

LESSON ONE.

-INTRODUCTION TO HTML-

image.png
image.png

> What is a "Web Page"? 

↣ A web page is an electronic document especially formatted for the web- Web pages may contain text, images, graphics, sound clips and video clips, and links to other web pages. A collection of related web pages is called a web site.

↣ Every time a specific web site is accessed, the first page that will be displayed is the home page. Home page is the starting page of the web site. It is similar to a book cover and it may function as the table of contents of the web site. Home pages are usually designated with an index.html filename.

> What is a "Hyperlinks"? 

↣ Hyperlinks also known as links are commonly found in web pages. It serves as a connection to another web page within the web site or on the web. Links can be text or graphics. Whenever the mouse pointer passes over a link; the pointer changes from an arrow pointer to a hand pointer. 

image.png
image.png
image.png

"HTML"

(start command)

↣ HTML (Hyper Text Markup Language) is the primary language used to create web pages. Although it is not considered as a programming language, it contains specific rules for defining the placement of text, graphics, video and sound on the web page. These rules are specified in each HTML commands.

↣ HTML commands are known as tags or mark-up. HTML tags define how web elements are displayed on the web page. HTML tags are inserted into the text by using angle brackets. Most commands come in pairs; this is illustrated in
the sample below:

<center> ...and now i see daylight.  </center>

(end command)

> TYPES OF HTML TAGS

There are two basic classifications of HTML tags:
↣ Empty tag - this type tag/command of HTML tag doesn't have an end.

↣ Container tag - this type of HTML tag requires an end tag and usually comes in pairs.

> CREATING YOUR FIRST WEB PAGE

To create a web page the following software are needed:
↣ Web browser
↣ HTML editor

This course will be using the following programs:
1. Internet Explorer will be used as the web browser to test the web pages.

2. Notepad will be used as the HTML editor.

image.png
image.png
image.png

HTML Tag

<html> ... </html>

Description

↣ It is used to indicate that the text enclosed in this tag is in HTML format and that it can be viewed using the browser.

<head> ... </head>

↣ It is used to define the header area. The content of the header area is not displayed within the page of the browser.

<title> ... </title>

<body> ... </body>

↣ It is placed inside the <head>... </head>. The information placed inside this tag will be displayed on the title bar of the browser window.

↣ It used to indicate that the text enclosed inside this tag will be displayed on the browser page.

These commands are arranged as follows to form the HTML document basic structure:

<html>
<head> <title> Daylight </title> </head>
<body>
         I don't wanna look at anything else now that I saw you
         I don't wanna think of anything else now that I thought of you
</body>
</html>

image.png
image.png
image.png
  • alt.text.label.Instagram

©2023 by dariana. 

bottom of page