HTML and Website Building

Today I learnt the basics of HTML and how to build a basic website. We learnt all the basic codes and layout such as:

<html>

<head>

<title> </title>

</head>

<body>

</body>

</html>

I used <h1> for a new heading and <p> to start a paragraph. We also learnt how to add a line break which is <br> and how to add a link into our webpage. In terms of text format I learnt <strong> which is used to make a word bold and <em> for italics.

Then we opened up Dreamweaver to create a basic webpage and put to practice what we had learnt.

This is what it looked like:Screen Shot 2018-01-29 at 15.06.54

In split view you can even have a preview of what you’re doing..Screen Shot 2018-01-29 at 15.07.07

After linking the site to a folder we could access our websites from our documents..Screen Shot 2018-01-29 at 15.07.14

You then can preview your webpage in Safari..Screen Shot 2018-01-29 at 15.07.24

After clicking on the link it leads you to the webpage you added in the HTML!Screen Shot 2018-01-29 at 15.07.33

As well as linking to a youtube video, we learnt how to embed a youtube video in the HTML by copying the embed code from a youtube video and pasting it into the body text of the HTML.

Screen Shot 2018-01-29 at 15.24.01Screen Shot 2018-01-29 at 15.24.10

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s