When did you start using the internet?

Hi Everyone!

As you know I recently sent out a technology survey for my viewers to fill out. I had 117 responses mostly from New Zealand but some from overseas as well. I would like to say a big thank you to everyone who completed it. Over the next few weeks I will be posting the results of the survey along with added information related to the question.

How old were you when you first started using the internet?

Screen Shot 2014-06-01 at 6.05.48 pm

The majority of people who answered my survey started using the internet at the between the age of 16-40, which accounts to 56% of responses. 38% of respondents started using the internet before the age of 16. Only 6% of respondents were ages over 41 when they started using the internet.

Advertisements

Other Resources for Learning HTML

When I decided I was going to teach myself HTML I needed to find some reliable resources. I started out with CodeAcademy, this website allows you to explore new and different ways to code. I decided to start with HTML and CSS because I am interested in websites. HTML and CSS and the building blocks of most websites.

I enjoyed CodeAcademy so much I decided to save up for a reference book. I chose ‘Beginning HTML5 and CSS3 for Dummies‘. I have used this book as a reference for writing lesson blog posts.

A great online reference is w3schools. This website has a complete reference guide to all HTML tags as well as CSS. This website also offers other web languages like JavaScript, that I’d like to start learning soon.

This video talks about why it is important to learn code and the possiblities it creates, WATCH IT NOW!

If you have any other suggestions please leave a comment below.

 

Thanks,

Georgia

HTML Lesson 5 : Adding Tables

Adding tables to your website is a great way to organise information.

Today I am going to be showing you how to add a table to your website. Tables are commonly used for organising statistics or important information. Below you will find an example.

<table style="width:300px">
<tr>
<td>Emma</td>
<td>Mason</td>
<td>50 Points</td>
</tr>
</table>

This code would display a 1×3 table. Now lets add this tag to our code from Lesson 4.

<!DOCTYPE html>
<html>
<head>
<title>
Techno Girl
</title>
</head>
<body>
<This is how you start a paragraph>
<p>
<a href=”http://www.google.com" target=”blank”>Click here for all life’s answers</a>
<img src="http://rollcode.com/wp-content/uploads/2014/02/calm_geek_geek_on_pau87x.jpg">
<a href="http://www.google.com"><img src="http://messiahmom.files.wordpress.com/2011/01/awkward-turtle.jpg" alt="Awkward Turtle" width="42" height="42"></a>
<table style="width:300px">
<tr>
<td>Emma</td>
<td>Mason</td>
<td>50 Points</td>
</tr>
</table>
</body>
</html>

HTML Lesson 4 : Linking Through Images

Adding a link through an image is a great way to lead others to different web pages.

Today I am going to be showing you how to create a link through an image. Below you will find an example.

<a href="http://www.google.com"><img src="http://messiahmom.files.wordpress.com/2011/01/awkward-turtle.jpg" alt="Awkward Turtle" width="42" height="42"></a>

This will diplay an image of an ‘Awkward Turtle’ that is linked to Google. Clicking the ‘Turtle’ opens the page specified in the ‘href’ part of the tag. In this case Google.

Now let’s add this tag to our code from Lesson 3. 

<!DOCTYPE html>
<html>
<head>
<title>
Techno Girl
</title>
</head>
<body>
<This is how you start a paragraph>
<p>
<a href=”http://www.google.com" target=”blank”>Click here for all life’s answers</a>
<img src="http://rollcode.com/wp-content/uploads/2014/02/calm_geek_geek_on_pau87x.jpg">
<a href="http://www.google.com"><img src="http://messiahmom.files.wordpress.com/2011/01/awkward-turtle.jpg" alt="Awkward Turtle" width="42" height="42"></a>
</body>
</html>

HTML Lesson 3 : Adding Images

Adding an image to your website gives it colour and versatility.

Today I am going to be showing you how to put an image on your website. Below you will see an example of an image tag.

<img src="http://rollcode.com/wp-content/uploads/2014/02/calm_geek_geek_on_pau87x.jpg">

In another example we can specify the hieght and width of the image.

<img src="http://rollcode.com/wp-content/uploads/2014/02/calm_geek_geek_on_pau87x.jpg" height="42" width="42">

Now let’s add a image to our code from Lesson 2.

<!DOCTYPE html>
<html>
<head>
<title>
Techno Girl
</title>
</head>
<body>
<This is how you start a paragraph>
<p>
<a href=”http://www.google.com" target=”blank”>Click here for all life’s answers</a>
<<img src="http://rollcode.com/wp-content/uploads/2014/02/calm_geek_geek_on_pau87x.jpg">
</body>
</html>

HTML Lesson 2 : Using Hyperlinks

Hyperlinks lead you to another webpage and which can be very useful in a variety of ways.

Today I will be showing you how to create a hyperlink in your HTML page. The basic format of a hyperlink has two parts. The URL you are linking to and the title. The example below shows how to link to google.

<a href="http://www.google.com">Click here for all life's answers</a>

Click here for all life’s answers

In another example we can open the hyperlink in another browser tab using the target tag.

<a href="http://www.google.com" target="_blank">Click here for all life's answers</a>

Lets add a hyperlink to the code we created in Lesson 1.

<!DOCTYPE html>
<html>
<head>
<title>
Techno Girl
</title>
</head>
<body>
<This is how you start a paragraph>
<p>
<a href=”http://www.google.com" target=”blank”>Click here for all life’s answers</a>
</body>
</html>

Hana’s Personal Project Blog!

Hi Everyone!

My best friend Hana is creating a ‘Lip Dub’ for her Personal Project, as she also goes to Selwyn House.

Hana is displaying her research for her Personal Project through a Blogspot blog and she has kindly given me a shoutout on her blog!

Which of course is the reason for this blog post! I would really recommend Hana’s blog post as she has really come far in just a short period of time.

If you would like to visit Hana’s incredible blog click here.

Thanks!

 

HTML Lesson 1: Basic HTML Format

The basic building blocks of an HTML file are ‘tags’. Tags define sections of the document and can include structure and styles.

Today I am going to be showing you how to set up your HTML page, I will also be showing you how to create a title for your website and a paragraph for your webpage.

Step 1: Create a ‘Textedit’ (or -Text File- on a windows computer) document

Step 2: Write <!DOCTYPE html>

Step 3: Underneath what you just wrote type <html> and </html>

Step 4: In Between the ‘html’ tags press the ‘enter’ key a few times. Then press ‘tab’ and write the following tags <head> and </head>

Step 5: In Between those tags press the ‘enter’ key a few times. Then write the following tags <title> and </title>

Step 6: Between the ‘title’ tags type the title of your website. This title will appear when someone searches up your website in an internet browser.

The body tag marks the part of the document that will appear in your web browser. In this example we will display a simple piece of text.

Step 7: Add the body tags as follows <body> and </body>.

Step 8: Add the paragraph tags in between the body tags, <p> and </p>. Between those paragraph tags type what you would like to appear on your web page.

<!DOCTYPE html>
<html>
<head>
<title>
Techno Girl
</title>
</head>
<body>
<p>This is how you start a paragraph</p>
</body>
</html>

Introduction

Hi I’m Georgia!

I am a Year 8 student who attends Selwyn House School, Christchurch, New Zealand.

At my School in Year 8 you have to complete a ‘Personal Project’, this project could be anything you’re passionate about. For my ‘Personal Project’ I have chosen to create a blog about HTML and CSS.

HTML stands for ‘HyperText Markup Language’, it is basically the skeleton of the website. You use HTML to create paragraphs, link or display photos.

CSS on the other hand stands for ‘Cascading Style Sheets’. CSS is used for styling your website. For example using CSS you can create containers (boxes) or you could change the backround colour.

There are so many uses for HTML and CSS which you will discover throughout this blog.

My goal is to be posting at least 1 blogpost every 2-3 weeks.

I can’t wait to get started and hope to learn more as I progress through this project!