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

