Page 145 - iPlus_Ver_2.0_class_6
P. 145

EXPLORE MORE
 D.   Develop a script in Scratch to create a game for catching apple.
 #Coding & Computational Thinking



                                                         HTML5 and CSS3



                 HTML5 is the latest version of HTML which was released in the year 2014 by W3C (World Wide
                 Web Consortium). It allows better management of website contents. Previous versions of HTML
                 are HTML 1.0, HTML 2.0, HTML 3.0, HTML 3.2 and HTML 4.0. Some new features and elements
                 in HTML5 are as follows:

                 •   It is supported by browsers like Chrome, Opera, Firefox, Safari, etc.
                 •   It allows add audio and video on the web page by using <audio> and <video> tags.
                 •   It can handle inaccurate syntax and other errors.
                 •   It allows you to draw shapes like circle, rectangle, triangle, etc.
    Hints for script:
                 •   It has new elements like nav, header, footer, time, article, canvas, source, track, etc.
                 CSS

                 Sometimes we have to style our web documents using different fonts, colours, spacing, etc. This is
                 where the role of CSS comes into the picture. CSS describes how HTML elements are displayed. CSS
                 stands for Cascading Style Sheets. It controls the presentation of the HTML documents. It was first
                 released in the year 1996. The latest version is CSS 3. CSS helps in creating dramatic websites and
                 controlling the web without changing HTML. It enables the separation of formatting content of web
                 pages to a separate stylesheet resulting in simpler HTML. Few advantages of CSS are as follows:

                 •   Saves time: We can apply the same CSS code to multiple HTML pages.
                 •     Maintenance: As there are one or more stylesheets, it is easy to control the content of the
                     entire set of web pages.
                 •     Faster web page loading: Instead of executing formatting on entire set of web pages in HTML
                     document, stylesheet presents all the editing in one place leading to faster page loading.
                 •     Customisation: It is easy to customise and alter a web page by simply changing the stylesheets.
                 •   Consistency: It provides a consistent and precise positioning of navigable elements.

                 •     Appealing: It makes the site more appealing by adding videos and graphics easily. It also
                     permits viewing online videos without using third party plug-ins.
                 Using CSS with HTML
 #Coding & Computational Thinking  Before using CSS, you should have some working knowledge of HTML, text editor, files and
 E.  Open Notepad and write the basic structure of an HTML document.
                 Internet browsing. CSS is helpful for both students as well as professionals for creating attractive
  •   Write an essay using the paragraph tag on the topic ‘Women Empowerment’. Use the heading
 tag and centre it.   websites and personal blogs. There are three main methods to apply CSS styles with HTML:
                 •     Inline CSS: In this method, CSS code written in an HTML file. Inline CSS reduce the number of
  •   Using the <style> tag, make the following changes to the font: Use Times New Roman and set
 the size to 4, and the colour of the font should be purple.   files the browser downloads before displaying a web page. So, it increases the downloading
                     speed. To add inline CSS in the HTML document, write the CSS code within the HTML tags.
  •  Change the background colour of the web page.
                     For example,
  •  Use the text-indent and margin property to align the paragraphs of the essay.
                    <p style= “color: red”> Environmental Hazards! </p>



                                                                                 Explore More (HTML5 and CSS3)   143
   140   141   142   143   144   145   146   147   148   149   150