HTML Tutorial

Question

HTML Tutorial

abhisar · Answer

$\huge\sf HTML \ Tutorial$

abhisar · Answer

First let's see what is HTML ?

abhisar · Answer

Every webpage you look at is written in a language called HTML. You can think of HTML as the skeleton that gives every webpage structure.We will learn here how to use HTML for creating a webpage.

abhisar · Answer

$\large\sf \ How \ to \ create \ a \ HTML \ file?$

abhisar · Answer

You just need a basic text editor like Notepad to compose the HTML code. After composing HTML code save the file as .html

whitemonsterbunny17 · Answer

What would the HTML code be?

abhisar · Answer

Let's see ! $\bigstar$ The first thing we should do is set up the skeleton of the page. a. Always put on the first line. This tells the browser what language it's reading (in this case, HTML). b. Always put on the next line. This starts the HTML document. c. Always put on the last line. This ends the HTML document.

abhisar · Answer

Have u opened ur notepad ?

abhisar · Answer

Type as shown after opening it

whitemonsterbunny17 · Answer

Does Microsoft Word work?? :p

abhisar · Answer

Use notepad, it's light and easy. Right click on ur dekstop---->New----->Text document

abhisar · Answer

I suppose u r using windows and not Mac !

whitemonsterbunny17 · Answer

Aha!! Never knew that existed! xD

abhisar · Answer

XD

abhisar · Answer

$\LARGE \sf Basic Terminology$ $\bigstar$ To learn more HTML, we should learn how to talk about HTML. Already you have seen we use <> a lot $\bullet$ Things inside <>s are called tags. $\bullet$ Tags nearly always come in pairs: an opening tag and a closing tag. $\bullet$ Example of opening tag: $\bullet$ Example of closing tag: You can think of tags as being like parentheses: whenever you open one, you should close it. Tags also nest, so you should close them in the right order: the most recently opened tag should be the first one closed, like in the example below.

whitemonsterbunny17 · Answer

Okay

abhisar · Answer

$\large \sf \ Task \ Time $

abhisar · Answer

$\large \sf \ Create~a~HTML~file$ $\bullet$ Put in the tag. $\bullet$ Put in the opening and closing tags. $\bullet$ Between the tags, write whatever you like. $\bullet$ Save the Code as .html and open the file from abrowser to see what you've made

abhisar · Answer

I will upload the screenshots of the steps if u r confused !

whitemonsterbunny17 · Answer

Okay, yeah screenshots xD

abhisar · Answer

$\large \sf Step \ 1$

abhisar · Answer

$\large \sf \ Step \ 2$

abhisar · Answer

$\large \sf \ Step \ 3$

abhisar · Answer

Follow Step 1 after opening notepad

abhisar · Answer

After Step 1 Press Ctrl+S and then do as STEP 2

whitemonsterbunny17 · Answer

Sorry, got busy :p

abhisar · Answer

$\hspace{60pt}\huge \sf \ Paragraphs \ in \ the \ body $

abhisar · Answer

The body is where you put your content, such as text, images, and links. The content in the body is what will be visible on the actual page. The body goes inside the tags, right after the tags, like this:

abhisar · Answer

$\bullet$ Inside the body, we can create paragraphs. Each paragraph starts with an opening

tag and ends with a closing

tag. We can write content in between the tags, like this:

abhisar · Answer

$\hspace{130pt}\large \color{red}{\sf \ Task \ Time}$ $\bullet$ Underneath the closing tag, put an opening tag and a closing tag, like in the example above. $\bullet$ Inside the body, create two paragraphs.

abhisar · Answer

$\hspace{65pt}\huge \sf More \ about \ headings!$ HTML actually lets us have more than one heading size. There are six heading sizes, where

is the boss and

is puny!

- The CEO

- VP

- Director

- Middle management

- Lowly assistant

- Gets coffee for everyone

abhisar · Answer

$\hspace{80pt}\huge\sf \ Adding \ images$ You can add images to your websites to make them look fancy. We use an image tag, like so: . This tag is a bit different from the others. Instead of putting the content between the tags, you tell the tag where to get the picture using src. It's also different because there is no ending tag. It has / in the tag to close it:

.

abhisar · Answer

Every image on the web has its own image URL. Simply right-click on an image and choose "Copy image URL." Paste that URL in quotes after src= to insert with your <img> tag.

whitemonsterbunny17 · Answer

So far, it all makes sense! Awesome! :D