<!DOCTYPE html>
<html>
<title>TEST PAGE</title>
<head>
<h1 style="text-align:left;font-family:Arial;font-size:48px;color:black;background-color:cyan;">TEST PAGE</h1>
</head>
<body style="background-color:rgb(100,100,255);">
</br>
</br>
</br>
<h1 style="text-align:center;color:white;font-family:verdana;font-size:24px">TEST PAGE</h1>
<p style="text-align:center;font-family:verdana;font-size:14px"><b>TEST PAGE</b></p>
</body>
</html>
Wednesday, 5 October 2016
Blog Task 31
Exercise 1:
<!DOCTYPE html>
<html>
<body>
<p style="color:blue">This is a paragraph.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p style="color:blue">This is a paragraph.</p>
</body>
</html>
Exercise 2:
<!DOCTYPE html>
<html>
<body>
<p style="font-family:courier">This is a paragraph.</p>
</body>
</html>
Exercise 3:
<!DOCTYPE html>
<html>
<body>
<p style="text-align:center">This is a paragraph.</p>
</body>
</html>
Exercise 4:
<!DOCTYPE html>
<html>
<body>
<p style="font-size:50px">This is a paragraph.</p>
</body>
</html>
Exercise 5:
<!DOCTYPE html>
<html>
<body style="background-color:yellow">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Exercise 6:
<!DOCTYPE html>
<html>
<body style="text-align:center">
<h1>This is a heading</h1>
<h2>This is also a heading</h2>
<p>This is a paragraph.</p>
<p>This is also paragraph.</p>
</body>
</html>
Monday, 12 September 2016
Blog Task 28
<!DOCTYPE html>
<html>
<body>
<img src="http://www.bbc.co.uk/staticarchive/e8c03c8f235e08297ddc886f6516edb9f4679357.jpg" alt="Planets" usemap="#planetmap" style="width:500px;height:200px;">
<map name="planetmap">
<area shape="rect" coords="0,0,70,200" alt="Sun" href="https://en.wikipedia.org/wiki/Sun">
<area shape="circle" coords="85,105,2" alt="Mercury" href="https://en.wikipedia.org/wiki/Mercury_(planet)">
<area shape="circle" coords="95,105,4" alt="Venus" href="https://en.wikipedia.org/wiki/Venus">
<area shape="circle" coords="105,105,4" alt="Earth" href="https://en.wikipedia.org/wiki/Earth">
</map>
</body>
</html>
<html>
<body>
<img src="http://www.bbc.co.uk/staticarchive/e8c03c8f235e08297ddc886f6516edb9f4679357.jpg" alt="Planets" usemap="#planetmap" style="width:500px;height:200px;">
<map name="planetmap">
<area shape="rect" coords="0,0,70,200" alt="Sun" href="https://en.wikipedia.org/wiki/Sun">
<area shape="circle" coords="85,105,2" alt="Mercury" href="https://en.wikipedia.org/wiki/Mercury_(planet)">
<area shape="circle" coords="95,105,4" alt="Venus" href="https://en.wikipedia.org/wiki/Venus">
<area shape="circle" coords="105,105,4" alt="Earth" href="https://en.wikipedia.org/wiki/Earth">
</map>
</body>
</html>
Blog Task 27
<!DOCTYPE html>
<html>
<body>
<img src="http://www.bbc.co.uk/staticarchive/e8c03c8f235e08297ddc886f6516edb9f4679357.jpg" alt="Planets" usemap="#planetmap" style="width:500px;height:200px;">
<map name="planetmap">
<area shape="rect" coords="0,0,70,200" alt="Sun" href="http://nineplanets.org/images/thesun.jpg">
<area shape="circle" coords="85,105,2" alt="Mercury" href="http://apod.nasa.gov/apod/image/9612/mercury2_mariner10_big.gif">
<area shape="circle" coords="95,105,4" alt="Venus" href="https://upload.wikimedia.org/wikipedia/commons/8/85/Venus_globe.jpg">
<area shape="circle" coords="105,105,4" alt="Earth" href="http://solarviews.com/raw/earth/bluemarblewest.jpg">
</map>
</body>
</html>
<html>
<body>
<img src="http://www.bbc.co.uk/staticarchive/e8c03c8f235e08297ddc886f6516edb9f4679357.jpg" alt="Planets" usemap="#planetmap" style="width:500px;height:200px;">
<map name="planetmap">
<area shape="rect" coords="0,0,70,200" alt="Sun" href="http://nineplanets.org/images/thesun.jpg">
<area shape="circle" coords="85,105,2" alt="Mercury" href="http://apod.nasa.gov/apod/image/9612/mercury2_mariner10_big.gif">
<area shape="circle" coords="95,105,4" alt="Venus" href="https://upload.wikimedia.org/wikipedia/commons/8/85/Venus_globe.jpg">
<area shape="circle" coords="105,105,4" alt="Earth" href="http://solarviews.com/raw/earth/bluemarblewest.jpg">
</map>
</body>
</html>
Blog Task 26
<!DOCTYPE html>
<html>
<body>
<img src="https://media.giphy.com/media/7Q3wQQbgbOB2g/giphy.gif" alt="Husky in the snow GIF" style="float:above;width:400px;height:225px">
</body>
</html>
<html>
<body>
<img src="https://media.giphy.com/media/7Q3wQQbgbOB2g/giphy.gif" alt="Husky in the snow GIF" style="float:above;width:400px;height:225px">
</body>
</html>
Blog Task 25
Exercise 1:
<!DOCTYPE html>
<html>
<body>
<p>print "Hello World!"</p>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p>print "Hello World!"</p>
</body>
</html>
Exercise 2:
<!DOCTYPE html>
<html>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is another another paragraph.</p>
</body>
</html>
Exercise 3:
<!DOCTYPE html>
<html>
<body>
<p>
My Bonnie lies over the ocean.</br>
My Bonnie lies over the sea.</br>
My Bonnie lies over the ocean.</br>
Oh, bring back my Bonnie to me.</br>
</p>
</body>
</html>
Exercise 4:
<!DOCTYPE html>
<html>
<body>
<pre>
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
</body>
</html>
Blog Task 24
Exercise 1:
<!DOCTYPE html>
<html>
<body>
<h1>London</h1>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. Tis the place of tea n' crumpets too.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h1>London</h1>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. Tis the place of tea n' crumpets too.</p>
</body>
</html>
Exercise 2:
<!DOCTYPE html>
<html>
<body>
<h1>London</h1>
<hr>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. Tis also the place of crumpets n' tea</p>
</body>
</html>
Exercise 3:
<!DOCTYPE html>
<html>
<body>
<h1>Echo</h1>
<h2>Echo</h2>
<h3>Echo</h3>
<h4>Echo</h4>
<h5>Echo</h5>
<h6>Echo</h6>
</body>
</html>
Exercise 4:
<!DOCTYPE html>
<html>
<body>
<h1>Universal Studios Presents</h1>
<h2>Jurassic Park</h2>
<h3>About</h3>
<p>On the Island of Isla Nublar, a new park has been built: Jurassic Park is a theme park of cloned dinosaurs!!</p>
</body>
</html>
Blog Task 23
Exercise 1:
<!DOCTYPE html>
<html>
<body>
<img src="programming.gif" alt="Typing Man"
width="96" height="96">
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<img src="programming.gif" alt="Typing Man"
width="96" height="96">
</body>
</html>
Exercise 2:
<!DOCTYPE html>
<html>
<body>
<img src="html5.gif" alt="HTML5 Icon (enlarged)"
style="width:256px;height:256px">
</body>
</html>
Exercise 3:
<!DOCTYPE html>
<html>
<body>
<a href="http://www.w3schools.com"><img src="smiley.gif" alt="HTML tutorial"
style="width:42px;height:42px"></a>
</body>
</html>
Exercise 4:
<!DOCTYPE html>
<html>
<body>
<p>
<img src="smiley.gif" alt="Smiley face"
style="float:left;width:42px;height:42px">
A paragraph with an image.</br>
A paragraph with an image.
</p>
</body>
</html>
Exercise 5:
<!DOCTYPE html>
<html>
<body>
<img src="pic_mountain.jpg" style="width:304px;height:228px;">
</body>
</html>
Exercise 6:
<!DOCTYPE html>
<html>
<body>
<img src="w3schools.jpg" alt="w3schools.com" width="135" height="50">
</body>
</html>
Blog Task 20
Exercise 1:
<!DOCTYPE html>
<html>
<body>
<a href="http://www.w3schools.com">Visit the HTML programming tutorial.</a>
</body>
</html>
Exercise 2:
<!DOCTYPE html>
<html>
<body>
<a href="html_images.asp">HTML Images Hosted on the main site</a>
</body>
</html>
Exercise 3:
<!DOCTYPE html>
<html>
<body>
<a href="html_images.asp" target="_blank">HTML Images (opens a new window)</a>
</body>
</html>
Exercise 4:
<!DOCTYPE html>
<html>
<body>
<a href="html_images.asp" target="_blank" style="text-decoration:none;">HTML Images (without the underline)</a>
</body>
</html>
Exercise 5:
<!DOCTYPE html>
<html>
<body>
<a href="http://www.w3schools.com">
<img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0"></a>
</body>
</html>
Monday, 1 August 2016
Blog Task 17-19
<!DOCTYPE html>
<html>
<title>Bold, Italics, Underline Task</title>
<body>
<p><b>This is a bold paragraph</b></p>
<p><i>This is an italic paragraph</i></p>
<p><u>This paragraph is underlined</u></p>
<h1>Header1</h1>
<h2>Header2</h2>
<h3>Header3</h3>
<h4>Header4</h4>
<h5>Header5</h5>
<h6>Header6</h6>
<a href="https://en.wikipedia.org/wiki/Dunedin">Dunedin</a>
</body>
</html>
<html>
<title>Bold, Italics, Underline Task</title>
<body>
<p><b>This is a bold paragraph</b></p>
<p><i>This is an italic paragraph</i></p>
<p><u>This paragraph is underlined</u></p>
<h1>Header1</h1>
<h2>Header2</h2>
<h3>Header3</h3>
<h4>Header4</h4>
<h5>Header5</h5>
<h6>Header6</h6>
<a href="https://en.wikipedia.org/wiki/Dunedin">Dunedin</a>
</body>
</html>
Blog Task 16
- Notepad++
Notepad++ is essentially notepad with extra features which make it useful for coding different languages, including HTML. A benefit is that it has it's own run function which runs the code in a selected browser.
- http://www.onlinehtmleditor.net/
Online HTML Editor has the upside of being able to be accessed anywhere where an internet connection is available, and also that it is in real time, so you can witness the changes that are happening as you type the code in.
Tuesday, 26 July 2016
Blog Task 14.3
The
Computer that I use at home is one that is pointed towards gaming and/or video
image editing. I originally got it from Cello Technologies in early 2013 and
have essentially been upgrading it since with my savings.
The
current specs of the system are listed here:
CPU:
Intel i7 4790 @ 3.6 GHz Turboboosted
CPU Cooler: Corsair H100i GTX Edition
Motherboard: Gigabyte Z97 Gaming-3 ATX Motherboard
GPU: GIGABYTE GeForce GTX 770 OC Edition 4GB GDDR5
PSU: FSP 750W Gold Rating PSU
RAM: 16GB 1866MHz Kingston HyperX DDR3 RAM
Storage: 120GB Corsair SSD
Storage: 1TB Western Digital HDD Black
Storage: 1TB Western Digital HDD Green
Case: CM Storm Trooper Full Tower Case.
I mainly use it for level design/creation for the Source Engine, as well as video editing and gaming. One of the limitations it has now is the GPU is becoming old and starts to overheat after a while, causing artefacts.
CPU Cooler: Corsair H100i GTX Edition
Motherboard: Gigabyte Z97 Gaming-3 ATX Motherboard
GPU: GIGABYTE GeForce GTX 770 OC Edition 4GB GDDR5
PSU: FSP 750W Gold Rating PSU
RAM: 16GB 1866MHz Kingston HyperX DDR3 RAM
Storage: 120GB Corsair SSD
Storage: 1TB Western Digital HDD Black
Storage: 1TB Western Digital HDD Green
Case: CM Storm Trooper Full Tower Case.
I mainly use it for level design/creation for the Source Engine, as well as video editing and gaming. One of the limitations it has now is the GPU is becoming old and starts to overheat after a while, causing artefacts.
Blog Task 13
Exercise 1
<!DOCTYPE html>
<html>
<body>
<p title="About W3Schools">W3Schools is a web developer's site that's useful for learning HTML and other languages</p>
</body>
</html>
<!-- I extended the paragraph to include that the site is helpful for learning HTML -->
<!DOCTYPE html>
<html>
<body>
<p title="About W3Schools">W3Schools is a web developer's site that's useful for learning HTML and other languages</p>
</body>
</html>
<!-- I extended the paragraph to include that the site is helpful for learning HTML -->
Exercise 2
<!DOCTYPE html>
<html>
<body>
<img src="w3schools.jpg" alt="w3schoolslogo" width="250" height="400">
</body>
</html>
<!-- I added the alt attribute with the name of the image -->
Exercise 3
<!DOCTYPE html>
<html>
<body>
<a href="http://www.w3schools.com"> Link to the W3Schools webpage </a>
</body>
</html>
<!-- I changed the text to say where the link goes -->
Exercise 4
<!DOCTYPE html>
<html>
<body>
<a href="http://www.wwf.org.uk">WWF Homepage</a>
</body>
</html>
<!-- I changed the text to say where the link goes again -->
Exercise 5
<!DOCTYPE html>
<html>
<body>
<img src="w3schools.jpg" alt="w3schools.com" width="135" height="50">
</body>
</html>
<!-- I changed the src attribute to have the correct image file -->
Monday, 25 July 2016
Blog Tasks 5-12
Task 5
HTML stands for HyperText Markup Language
Example of HTML:
<html>
<body>
<h1>Heading Size 1</h1>
<p><b>A Bold line of text</b></p>
</body>
</html>
Task 6 Definitions:
Tag: A tag is a way HTML finds out how to format the document, a tag normally comes in pairs such as "<p></p>"
Element: an Element in an HTML document is an individual component of the document. An Element can also be modified by Attributes. An Example would be "<p>The Text or other content inside the tags is known as the element</p>"
Attribute: An Attribute is a modifier of an HTML Element type. For example, "<tag attribute="value">text or other content to be modified by defined tag</tag>>"
Task 7
<p> Hello World! </p>
This text when within an HTML document creates a new paragraph that contains the text "Hello World!"
Task 8-9
<html>
<head>
<title>My First Page</title>
</head>
</html>
When inputted into Notepad++ then ran as an HTML file, the text "My First Page" appears up in the tab area.
Edited Version:
<html>
<head>
<title>Michael Alexander Lagocki</title>
</head>
</html>
Task 10
<!DOCTYPE html>
<html>
<body>
<h1>Heading 1</h1>
<p>A paragraph created for the HTML Blog</p>
<p>created by Michael Lagocki</p>
</body>
</html>
Task 11
<!DOCTYPE html>
<html>
<body>
<h1>This is a modified heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3 it's getting smaller</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This was edited by Michael</h6>
</body>
</html>
HTML stands for HyperText Markup Language
Example of HTML:
<html>
<body>
<h1>Heading Size 1</h1>
<p><b>A Bold line of text</b></p>
</body>
</html>
Task 6 Definitions:
Tag: A tag is a way HTML finds out how to format the document, a tag normally comes in pairs such as "<p></p>"
Element: an Element in an HTML document is an individual component of the document. An Element can also be modified by Attributes. An Example would be "<p>The Text or other content inside the tags is known as the element</p>"
Attribute: An Attribute is a modifier of an HTML Element type. For example, "<tag attribute="value">text or other content to be modified by defined tag</tag>>"
Task 7
<p> Hello World! </p>
This text when within an HTML document creates a new paragraph that contains the text "Hello World!"
Task 8-9
<html>
<head>
<title>My First Page</title>
</head>
</html>
When inputted into Notepad++ then ran as an HTML file, the text "My First Page" appears up in the tab area.
Edited Version:
<html>
<head>
<title>Michael Alexander Lagocki</title>
</head>
</html>
Task 10
<!DOCTYPE html>
<html>
<body>
<h1>Heading 1</h1>
<p>A paragraph created for the HTML Blog</p>
<p>created by Michael Lagocki</p>
</body>
</html>
Task 11
<!DOCTYPE html>
<html>
<body>
<h1>This is a modified heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3 it's getting smaller</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This was edited by Michael</h6>
</body>
</html>
Task 12
<!DOCTYPE html>
<html>
<body>
<p>This is a modified paragraph.</p>
<p>Edited by Michael Lagocki</p>
<p>For task 12</p>
</body>
</html>
Tuesday, 19 July 2016
Blog Task 3
In regards to the PowerPoint about Classroom Protocols, I think that the idea of listening when people are talking, removing distractions and showing respect are the most important.
The idea of respect links into the other protocols as listening to the person talking in front of the class and not distracting others is a sign of respect to the lecturer.
The idea of respect links into the other protocols as listening to the person talking in front of the class and not distracting others is a sign of respect to the lecturer.
Blog Task 1
Hi There!
My Name is Michael Lagocki, I'm 18 years old, and I am passionate about computers/technology.
My Name is Michael Lagocki, I'm 18 years old, and I am passionate about computers/technology.
Subscribe to:
Posts (Atom)