interactivedanwen

Interactive Media Work main site (dashboard)/web author blog. Smile and interact?

Task 1.3: HTML report

Leave a comment

HTML is simple. So simple that at times that it’s a wonder that complex websites are built from HTML. Nonetheless if HTML had no depth it wouldn’t be as widely used. During the last few task I found plenty of tags and here I’ll be giving them a go myself- and this probably counts as just scratching the surface.

 


<br>: Inserts a line break.

<center>: centre-alignes text.

<b>: Makes text bold.

<font color=””>: Defines the font colour.

<u>: Underlines text. <i>: Makes text italic.

<font face=””>: Specifies the font style.

<table> : Inserts a table.  <td>:

<input>: Used within a <form> element (which contains the url of where to send the information) to to allow user input information such as usernames.

<a> : Used to create links to webpages.

Other tags I’ve found in the previous task such as <meta>, <link>, <html> etc do not actually display on a webpage so I didn’t take screenshot of those. However this doesn’t they’re unimportant since what’s going on in the background in HTML is just as important as what people see.

HTML has evolved through out the years and thus many more advanced features have been tacked on to it by various people. While this is a good thing, considering that HTML can do more things then just basically define the content of the document, it has caused a lot of problems for web-designers. HTML tags can only be applied to a specify section, as websites need to look consistent you can imagine why it would be a headache for developers to type out <font colour> attributes for every heading in a multi-paged site. That’s when CSS comes in.

CSS is used to associate styles rules (or looks) to specific HTML elements. For example p{font-family: Arial} will make all the text in <p> (in other words paragraphs) have the Arial font. CSS rules are divided into to two sections: the selectors that indicates with HTML element the rule is applied to (‘p’ in this case is a selector) and the declarations which defines how the selector is styled (i.e. ‘font-face: Arial’). This obviously makes it much quicker for web-authors to style a particular element of the website whether it’s making all the headings red or indicating the font of every paragraph on the site. It can also be used to control the background colour and in CSS3, even the opacity of the backgrounds can be manipulated.

You can’t write a report about HTML without mentioning XHTML (released 2000) and HTML5 (work in progress). XHTML was created to make web authors follow more strict rules in order to build more compatible and effiencient websites. Rules include not using deprecated elements; closing tags must be used for every element and all attributes had to be in lower-cases. There were two versions of XHTML, the Strict XHTML (every rule must be follows) and Transitional XHTML (presentational elements like <center> could still be used). XHTML would be considered the ultimate version of HTML until HTML5 came along…

Bad: <p>My coding is <b>bad</p></b>
Good: <p>But my coding is <b>good</b></p>

^XHTML had another strict rule that required elements to be well formed and placed.

HTML5 doesn’t require web developers to close all tags (they’re very bad about making their minds up about this) and adds new elements and attributes to HTML’s wide selection of tags. For instance you can now embed videos with the <video> and audio with  <audio> tags whereas before you had to use Flash (which proved to be a compatibility nightmare). HTML5 is still in infancy but it’s already been utilised all over the web and predicted to replace the popular flash when it comes to adding multimedia to a website.

HTML5-logo.svg

Javascript (not to be confused with is another essential web language for those who are serious about creating professional websites. Javascript is used to add interactivity to otherwise static webpages (the amount of interactivity you can add with HTML is limited); allow communication of data between browser and server; make things move on the website; reate forms (pop up windows that ask for your username, search boxes and the like). It is defined by the <script> tag in HTML. It is widely used to make dynamic websites that need constant update on information (i.e. Movie sites) or just highly interactive. Nearly all big sites utilise Javascript.

Advertisements

Author: Danwen

I'm British Chinese. I like games, anime, football, comedy, graphic novels, Buddhism and other things.

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