Exercise 12: HTML 5 – 101

The difference between a website and a web page is quite simple. A website is a collection of web pages all under a similar domain. A web page is a unique page which is located on the web, under the collection of the website.

To create a web page, you will need to use HTML or HTML 5 coding. There are many elements which constitute HTML to format a web page.

Simply put, HTML is divided into two sections, the HEADER and the BODY. The HEADER consists of elements which have functions on a web page, but they are not visually displayed. Whereas the BODY contains elements of what can be seen on the web page. Coding inside of the BODY create format to the page, such examples are:

<p> creates a new paragraph

<br> breaks the link, moving elements down the page

<strong> creates bold text

To write an HTML tage, it must always have an opening tag at the beginning of the element ( <strong> ) and a closing one at the end ( </strong). There are some exceptions, such as inserting an image into a web page, this tag is singular, and does not require a closing tag. If tags did not close, the HTML reader would not be able to distinguish where an element starts or stops. A DOCTYPE tells the file reader what kind of file it is reading, an HTML file has the code HTML as it’s DOCTYPE.

The h1 tag determines Page Header titles and other significant text which will be displayed on the browser tag, and not simply on the page itself.

Having images on a webpage can be done two ways, either from a folder within the website, or linked from an external website.

Folder, the tag used would look like <img src=”image.png”>

External, the tag used would look like <img src=”http://answerguy.com/wp-content/uploads/2012/12/h1-and-influency-in-search-engine-optimization.gif“>

HTML 5 is the language makeup of the web. It is the text based language which can be read by web browsers where it translates it into the web pages we know today in Web 2.0. HTML 5 was developed alongside with the development of the internet. This coding stage allows for more complex applications and coding to be implemented into a website. Also, HTML 5 was developed to support cross-platform files.

FTP stands for File Transfer Protocol. It is used to transfer files from a local host to a web host on the internet, for example. Website developers would normally work offline on their computer, and then FTP their files onto the website host server, where they will then be read to format the website.

HTTP stands for HyperText Transfer Protocol. This is the language which web pages are read by web browsers on the internet. The browser interprets the HTML coding using HTTP to formulate the web page itself.

 

Sources:

Curee, Brian. “Webpage vs. Website; What’s the Difference?” Sonline MEDIA. N.p., n.d. Web. 7 Nov. 2013. <http://sonlinemedia.com/webpage-vs-website-whats-the-difference/>.

“File Transfer Protocol.” Wikipedia. Wikimedia Foundation, 13 Nov. 2013. Web. 7 Nov. 2013. <http://en.wikipedia.org/wiki/File_Transfer_Protocol&gt;.

“Glossary of Common Web Design Terms.” H2i Online. N.p., n.d. Web. 7 Nov. 2013. <http://www.h2ionline.com/web-design-glossary.html&gt;.

“HTML5.” Wikipedia. Wikimedia Foundation, 11 July 2013. Web. 7 Nov. 2013. <http://en.wikipedia.org/wiki/HTML5&gt;.

Lloyd, Ian. “Basic Structure of a Web Page.” HTML Elements | Learn HTML. Sitepoint, n.d. Web. 7 Nov. 2013. <http://reference.sitepoint.com/html/page-structure>.

“What Is HTTP?” Webopedia. Quinstreet Enterprise, n.d. Web. 7 Nov. 2013. <http://www.webopedia.com/TERM/H/HTTP.html&gt;.

Advertisements

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s