Thursday, 13 November 2014

Cheating to Win

With the barriers of inhibition broken and the plunge taken into the the depths of a project that had brought worry to a person of my primitive proclivity, I managed to establish a web page despite of my presumption beforehand that such a task would be tremendously difficult: But what I noticed more than anything, was the time it took to accomplish this feat.

This is down to lacking a conclusive knowledge of the function of specific tags needed to create elements to structure my webpage, which often left me having to resort to online resources, so that I could input correct markup language in order to build what I wanted, ensuring that an extensive amount of time that could have been saved, was expended.

What I do not have is a cheat sheet, which would reduce the time spent checking to ensure that correct markup language is inputted, and to avert a situation where wrong code has consistently been entered, making the entire project incredibly demanding to proceed with.

To ensure that such a thing would not happen and to leave me with more time to expend on areas in my life of far more importance than this website project, I made my own "tag" description cheat sheet consisting of the markup language that I would likely need to use frequently, and which is found below:

Div: The <div> tag is used to separate a HTML document into sections on a working webpage and allows that particular line of code to be styled with CSS. 

Par: The <p> tag allows text, in the form of paragraphs, to be inputted into the HTML page. The use of the <br> tag permits the text to be broken up into smaller paragraphs - if that is what is desired - by forcing a line break. 

Li: The <li> tag enables a list to be placed, in either an ordered or unordered format, into an HTML document. For example, the <ol> tag will place a list of the colours red, blue and yellow into a list form prefaced with the number of their position in that list. The <ul> tag will list the colours in the same list format, but will be prefaced with bullet points instead. 

Title: The <title> tag essentially gives a name to your HTML document and without a definition of your HTML document using the <title> tag, your webpage will not validate as an HTML file.  

Link: The <link> tag does exactly that: it links a document to an external style sheet, to style the structure of the HTML document. 

Button: The <button> tag warrants a functional button to be embedded into a HTML document and styled with an image file, to later be clicked on by users to either be told something or directed somewhere. 

Col: The <col> tag makes it easier to set the background properties of columns within an HTML document and makes it troublesome to apply styles to an entire column. 

Foot: The <footer> tag defines the bottom part of a HTML document, referred to as a footer. It is typically used in webpages as a location to place information about the website and its contact details. It is notable that this tag can contain more than one element within it. 

No comments:

Post a Comment