Download presentation
Presentation is loading. Please wait.
1
Concepts of HTML, CSS and Javascript
By Akinola Soyinka
2
HTML HTML stands for Hyper Text Mark Up Language, and is a language commonly used to build web pages. It is not a programming language. Its file extension is .html or .htm. It ‘marks up’ certain text and images by using tags. Each tag comes in a pair(<h1></h1> or <input></input> for example). Inside each tag, text can be written. The type of tag determine what the text will look like The most important tag is the HTML tag (it determines if the code is HTML or not) for example <!DOCTYPE html>
3
HTML In HTML the html tags (<html></html>) provide a description of what the html document will be. The title tags (<title></title>) give a title for the argument Web browsers use tags in html documents to help determine what will be displayed to the user and how it will be displayed with the help of CSS Content inside of the body tags (<body></body>) will be displayed to the user in the browser
4
CSS CSS stands for Cascading Style Sheets. CSS helps to describe how code in HTML should be displayed. For example it determines what the font, size, and colour the text displayed will be. It can help to save a lot of time as various webpages can be designed all at once using just one CSS file. The file extension of CSS is .css.
5
CSS There are various ways that CSS can be used to design web pages. This can range from designing one line to designing a whole page(internal) and then to designing multiple pages(external). In order for CSS to work there needs to be two parts in the syntax. The first part is the selector (h1,h2,p). This chooses the specific part of the document that is going to be styled. The second part is the declaration block({colour: red;}). This determines how the part of the document(selected by the selector) will be styled.
6
Javascript Javascript is a programming language that can be used to change a HTML Document. It can do this by causing content to disappear or by replacing one image with another image. Also it can cause style of an HTML element to change. All of this can happen with one click of one button. Javascript can be placed inside body tags(<body></body>) or inside head tags (<head></head>) . Javascript can also be found in external files that are then later applied to a HTML document.
7
Javascript Javascript uses an id variable to make it easier for code to be changed and manipulated. There is an option to assign an ID to a certain piece of HTML code. This ID will probably be a name. Then, when that piece of HTML code needs to be manipulated, the ID that has been assigned to that piece of code can be used by a certain javascript function. Javascript can also change CSS styles, such as font and colour. Therefore the Javascript can be likened to a pivot that can change what is displayed based on certain actions
Similar presentations
