Scribd
Upload
31 views3 pages

LETA Coding

Uploaded by

lkipsang
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
31 views3 pages

LETA Coding

Uploaded by

lkipsang
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

LETA

HTML
“App: FreeCodeCamp"
Leta.Africa
NOTES:
o HTML stands for Hyper Text Markup Language
o HTML is the standard markup language for creating Web pages
o HTML describes the structure of a Web page
o HTML consists of a series of elements
o HTML elements tell the browser how to display the content
o HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a
link", etc.

There are two types of tags:

1. The opening tag: This consists of the name of the element wrapped in opening and closing angle
brackets. This states where the element begins or starts to take effect — in this case where the
paragraph begins. (<)
2. The closing tag: This is the same as the opening tag, except that it includes a forward slash before
the element name. This states where the element ends failing to add a closing tag is one of the
standard beginner errors and can lead to strange results. (/>)

HTML TAGS
<!DOCTYPE>: This tag defines the document type and HTML version.

<html>: This tag encloses the complete HTML document and mainly comprimises of ducment header
which is represented by <head> - </head> and document body which is presented by <body> -
</body> tags.

<head>: This tag represents the document’s header which can keep other HTML tags like <title>,
<link> etc.

<title>: The <Mtitle< tag is used inside the head> tag to mentin the document tile

<body>: This tag represents the documents body which keeps other HTML tags like <hq>, <div>,
<p> etc.

<h1>: This tag respresnts the heading

<p>: This tag represents a paragraph

<div>: Is division. A special element that lets you grou similar sets of content together on a webpage.

CODE:
To begin a HTML you say:
<!DOCTYPE HTML> | which lets the website know your coding in HTML |

HTML format is like English: Header, Title then body.

Note to self: titles and heads close themselves.

TO BEGIN
<html>

<head>

<title> why I like cats <title>

<head>

<body>

<h1> I had a cat when I was small</h1>

H1: Used for main heading <h1> - </h1>

H2: Used for Sec heading <h2> - </h2>

— Same to: H3, H4, H5, & H6. —

<img src=“https://steammerrty.com/assets/kittenimage.jpg”>

<ul> - </ul> is used to start and close a list.

<ul>

<li><b>250ml</b></li>

<b> is for bolding

<li><em>Less Sugar</em></li>

</ul>

</body>

</html>

Adding contact details:

<a> - </a>

‘a’ means anchor. It defines an hyper link.

Usually it comes with <a href=“ - ”></a>

href specifies the page the link goes to

LINKS
<a href=“https://www.petbook.com/RemiTheCat”>Remi The Cat</a>

For it to open the link in a NEW tab

<a href=“https://www.petbook.com/RemiTheCat” target=“_blank”>

Remi The Cat</a>

Target specifies where to open the link

EMAILS

To add a email you use the term mailto:

<a href=“mailto:[email protected]</a>

You can also add a break tag <br> where it will insert a single line break

<a href=“https://www.petbook.com/RemiTheCat” target=“_blank”>

Remi The Cat</a><br>

<a href=“mailto:[email protected]</a>

Note to self: Never do >= / Always do =“

PHONE NUMBER (only works on mobile)

To add a phone number you use tel:

<a href=“tel:0757777998”>Lianas phone number!</a>

TO SUMMARIZE HREF
mailto: for emails

<br> for a line break

Tel: for phone numbers

<a href=“”</a> for links

You might also like