Download presentation
Presentation is loading. Please wait.
1
Key concepts of Computing
HTML, CSS and Javascript My sources of information were my computer science book, W3Schools, my peers and my prior knowledge of HTML and CSS.
2
What is HTML? HTML stands for hyper-text markup language, and is used to code most standard web-pages. It defines where hyperlinks lead on webpages as well as the general layout of the page. Several tags are used to define elements on a webpage, such as <h1></h1> Tags MUST be closed to make the browser realise where one section ends.
3
Examples of HTML <h1></h1> creates a heading that looks like THIS. Headings can go down to <h6></h6>. <form> tags allow you to create a form with text fields and radio buttons. <p></p> allows you to define paragraphs on your website, to separate text into a neat and easy to read format. The <title> and <body> tags define what part of the website should be on the tab header, and which part is the website itself.
4
What is CSS? CSS is a language that describes the style of a HTML page. While HTML defines placement of elements on the page, CSS defines what everything looks like and how it should work in depth. It works on giving properties to elements. You could give all H1 elements on a page a different font compared to all your H2 or H3 elements. CSS can be embedded into HTML, or work from an external stylesheet.
5
Examples of CSS Background-color: Defines the colour of the background for body elements. Accepts hex codes or named colours like light-blue as arguments. Color: Defines the actual colour of an element, such as the text colour. It accepts the same inputs a Margin-left, margin-right etc.: Defines how far away from the margin an element is. Accepts any amount of pixels. Font-size, font-family: This defines the size of text, as well as the font it will use.
6
What is Javascript? Javascript is a programming language that works alongside HTML. It controls how a website should behave. It allows you to create more complex elements for a page, such as date and time counters, visitor books or modify HTML attributes on the fly. Javascript can be embedded into HTML with the <script> tag.
7
Example of Javascript <button type="button"
onclick="document.getElementById('demo').innerHTML = Date()"> Click me to display Date and Time.</button> This is an example of Javascript from W3Schools.com. When the button is clicked, the current date and time is fetched through Javascript.
Similar presentations
