You are on page 1of 4

Introduction to html

What exactly is html and how do we use it to structure our website,

This are set of html codes

<head>

<title>Hello</title>

</head>

<body>

<hi> Hello world!</hi>

</body>

If we pass up this our code to the browser, it will open it and display

Hello World!

Html is the foundation of website, HTML = hypertext markup language

Xml = extensible markup language

Gml = generalized markup language

You can structure the layout of your websites by utilizing html tags

<h1>THE ADVENTURES OF SHERLOCK HOLMES</H1>

<h3>by</h3>

<h2>SIR ARTHUR CONAN DOYLE</h2>

Result

THE ADVENTURES OF SHERLOCK


HOLMES
by

SIR ARTHUR CONAN DOYLE


Websites utilized to make your heading look more presentable

1. https://www.w3schools.com/html/html_headings.asp
2. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements
3. https://devdocs.io/

THE ANATOMY OF AN HTML TAG

<hi>Hello World</h1>
Start tag end tag

And Hello world is the content

<br> self closing tag

<hr size=”3”>
H element and the other is H attribute

HTML CODE:
<center>
<hr>
<h1>THE ADVENTURES OF SHERLOCK HOLMES</H1>
<br>
<h3>By</h3>
<br>
<h2>SIR ARTHUR CONAN DOYLE</h2>
<hr size="3" noshade>
<center>

RESULT:

THE ADVENTURES OF SHERLOCK


HOLMES

By
SIR ARTHUR CONAN DOYLE

Building our first website

Web.archive.org will show you how a website use to look like when it first came out

I forgot to look at setup for web development

Types of code editors are

1. Atom
2. Vscode
3. Sublime
4. Brackets
5. Notepad

Boiler plate: a code template that can be reused

DOCTYPE : Tells the browser what is the version of html we using

Docs.emmet.io/cheat sheet

The head of a website is a part of the website that holds information about a webpage and it
tells the browser how it should handle the page.
We are done with HTML.
THE FILES ARE ON THE
HTML personal site

You might also like