Ch1-3 and 4-2

unwillingly forced into creating an opening page and have no idea what your doing. imma do my best to help

Tags to be aware of for this chapter

<h1> this tag is often used for headings such as big Ch 1-3 at the top of the page. see more about this tag here

<h2><h3><h4> These are pretty much the same as <h1> but the font size gets smaller and smaller the bigger the end number is.

<p> this is your paragraph tag. use this to to wright any normal text on your page. you can see more about this tag here

<b>

Lets get started

for simplicity's sake I will be using brackets which can be downloaded here. I highly recommend brackets as its lightweight and easy to understand. if you are using something else it should be somewhat close. Start by making a new project. Go to the top click File > New. we now want brackets to know this is an html document so click "File > Save as > yourfilename.html" REMEMBER TO ADD THE .HTML. brackets will not know its an html file otherwise

Step 1

lets declare our doctype this allows the browser to know its an html document add the tag

<!DOCTYPE html>

we can now get started on headers. we do so by adding an <h1> to our document. after you type <h1> just enter what you want to appear in your header when your done end it with a </h1>

Step 2

Now lets add our content. this can be done with the <p> tag. it functions the exact same way as <h1>. enter your text after the tag then add your</p>

Repeat

for this project we just need to repeat the steps again

create a header then make your paragraph

Bold and Italics

To add bold or italic text simply add the <b> or <i> tag before you start typing then end the tag after your done after your done

Now to test it

Save your file and locate it in your file explorer

left click on your document and select open with. choose your web browser of choice and the program should load. you wont have the other files in your folder don't worry you don't need them. you only need your html file

result

Remember all my code is open source

you can see exactly what I did here

I highly recommend you take a look

lets see it in practice

you are not expected to make an output anywhere near this complicated. I only show this to see whats possible the code for the site on the right is available here

Google Sites

Report abuse