Thursday 30 April 2015

The Coding Basics - HTML: Part 2

Today's post is a continuation from last Thursdays. We will be looking at adding text to your blog. 

  1. Open up your website in Notepad/Notepad ++. Open it also in your web browser. 
  2. Next we can start to add text.We will begin by adding a header. Create a new line below </head> and write the following:                                                                                         <body>                                                                                                                                           <h1>Your Header</h1>                                                                                                         </body>
  3. Now you have made a header on your website. Change the name of the header to suit your website. 
  4. Now we are going to add some text. Create a new line below <h1></h1> the line you made recently. Write the following:                                                                                                          <p>This is a paragraph</p>
  5. You have just added a paragraph to your website. Change the writing in the paragraph to say what you want (ie. Hi, my name is...). 
  6. Refresh your open browser or click 'run' to see the changes made. Below you can see a photo of what mine looks like.


7. Now we can a small change to our text in the paragraph (if we want to). I am going to make certain words in bold, like I did with the word bold. 
8. Go onto line <p> and find the word/s you want bold. Add the highlighted blue:
    <p>Hi my<strong>name</strong>is.</p>
9. Notice the first blue is before the word and the second after. 
10. Save and run the code and notice the different. Change the red words to your liking. Below you can see my website with some words in bold. 
   




That is all for today. We will be continuing the HTML lessons again next Thursday so check back then or look at my other blog posts in the meantime. 

Ta-ta for now, Nee x


No comments:

Post a Comment