HTML-5
- Description
- Curriculum
- FAQ
- Notice
- Reviews
HTML
In the era of rapid change in internet development HTML5 is a key technology that will revolutionize how we design as well as interact with online media. We are at IICEA Computer Education Shimla, we set out to discover the vast possibilities of HTML5 that will allow our students to create immersive, interactive and visually amazing web experiences.
Chapter 1: Embracing the Evolution of HTML
Understanding the development of HTML From HTML through HTML5.
The search for New semantics:
Introduction to CSS3: harnessing the latest CSS features to provide enhanced style.
Utilizing CSS3 selectors, properties and values, you can have a exact control over style and layout.
Create responsive layouts by using media queries and Flexbox.
Exploring CSS frameworks such as Bootstrap for rapid prototyping as well as flexible design.
Integrating HTML5 with CSS3 to create visually pleasing as well as mobile-friendly interfaces for web pages.
Chapter 3: Addition of Interactive Features using JavaScript as well as HTML5 APIs
An introduction to JavaScript Enhancing web pages by incorporating interactivity and dynamic behavior.
Utilizing HTML5 APIs for improved capabilities: Geolocation API, Drag and Drop API, Local Storage API, and WebSockets.
Creating offline web applications using Application Cache and Service Workers. Application Cache as well as Service Workers.
The implementation of client-side storage for data and retrieve using Web Storage and IndexedDB.
Enhancing user experience by incorporating vibrant animations and seamless transitions with CSS3 as well as JavaScript libraries such as JQuery.
Chapter 4: Multimedia and Graphics with HTML5 Canvas and SVG
Explore using the HTML5 Canvas element to create animated graphics and motion.
Create dynamic games and data visualisations and multimedia applications using Canvas.
Harnessing the power of Scalable Vector Graphics (SVG) for resolution-independent graphics.
Designing responsive and scalable graphics by using SVG shapes, paths as well as text components.
Integration of Canvas and SVG using JavaScript to create custom graphics animation and manipulation.
Chapter 5: Best Practices and Optimization Techniques
Optimizing HTML5 code to improve performance as well as accessibility as well as search engine optimization (SEO).
Making responsive pictures and lazy loading to ensure quicker page rendering.
Minimizing and compressing resources to ensure less bandwidth consumption.
ensuring cross-browser compatibility and smooth degrading for older browsers.
Test and troubleshooting HTML5 applications on different screens and devices.
-
1
what is HTML ? -
2
Structure of HTML
Structure of HTML
-
3
How to start HTML Coding
How to start HTML Coding
-
4
Empty tags of Html
Empty tags that are using in HTML coding
-
5
Heading tags used in HTML
-
6
Html coding on VS code and how to Install VS Code
html coding on VS code and how to Install VS Code
-
7
HTML Formatting Tags
HTML Text Formatting:
HTML contains several tags for Formatting text which display text in special types.
following are the formatting tags:
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text
-
8
HTML Link Tags
HTML Links - Hyperlinks
HTML links are hyperlinks.
You can click on a link and jump to another document.
When you move the mouse over a link, the mouse arrow will turn into a little hand.
The HTML <a> tag defines a hyperlink. It has the following syntax:
<a href="url">link text</a>
-
9
Image Tag used in HTML
The HTML
<img>tag is used to embed an image in a web page.Images are not technically inserted into a web page; images are linked to web pages. The
<img>tag creates a holding space for the referenced image.The
<img>tag is empty, it contains attributes only, and does not have a closing tag.The
<img>tag has two required attributes:- src - Specifies the path to the image
- alt - Specifies an alternate text for the image
-
10
Quiz: Mobile / Native Apps -
11
Lesson 10 CSS can be added to HTML documents
HTML Styles - CSS
CSS stands for Cascading Style Sheets.
Cascading Style Sheets (CSS) is used to format the layout of a webpage.
CSS can be added to HTML documents in 3 ways:
Inline - by using the style attribute inside HTML elements
Internal - by using a <style> element in the <head> section
External - by using a <link> element to link to an external CSS file
-
12
HTML style attribute CSS Inline style attribute
CSS-Inline (style attribute)
The HTML style attribute is used to add styles to an element, such as color, font, size, and more.
Setting the style of an HTML element, can be done with the style attribute.
The HTML style attribute has the following syntax:
<tagname style="property:value;">
-
13
HTML style Attribute using elements
The HTML style attribute is used to add styles to an element, such as color, font, size, and more.
following are the style attribute for styling HTML elements:
- background-color for background color
- color for text colors
- font-family for text fonts
- font-size for text sizes
- text-align for text alignment
-
14
Internal Css and its attribute Used in HTML
An internal CSS is defined in the <head> section of an HTML page, within a <style> element.
-
15
CSS Extenral Use in HTML
-
16
create a table in HMTL
-
17
List create in HTML
HTML Lists:
HTML lists allow web developers to group a set of related items in lists.
Unordered HTML List
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
The list items will be marked with bullets (small black circles) by default.
Ordered HTML List
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
The list items will be marked with numbers by default.
HTML Description Lists
HTML also supports description lists.
A description list is a list of terms, with a description of each term.
The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes each term
-
18
List style type in html
The CSS list-style-type property is used to define the style of the list item marker.
-
19
The <title> element in HTML
The <title> element:
defines a title in the browser toolbar
provides a title for the page when it is added to favorites
displays a title for the page in search engine-results
-
20
Form introduction in HTML
An HTML form is used to collect user input. The user input is most often sent to a server for processing.
-
21
Realistic Graphic on UE4 -
22
Volta GPU for optimization.
The Tensor Core GPU Architecture designed to Bring AI to Every Industry. Equipped with 640 Tensor Cores, Volta delivers over 100 teraflops per second (TFLOPS) of deep learning performance, over a 5X increase compared to prior generation NVIDIA Pascal architecture.
-
23
Deep Learning
Productivity Hacks to Get More Done in 2018
— 28 February 2017
- Facebook News Feed Eradicator (free chrome extension) Stay focused by removing your Facebook newsfeed and replacing it with an inspirational quote. Disable the tool anytime you want to see what friends are up to!
- Hide My Inbox (free chrome extension for Gmail) Stay focused by hiding your inbox. Click "show your inbox" at a scheduled time and batch processs everything one go.
- Habitica (free mobile + web app) Gamify your to do list. Treat your life like a game and earn gold goins for getting stuff done!
