IT CourseHTML and CSS


HTML(HYPER TEXT MARKUP LANGUAGE)

  • Evolution Of HTML(Hyper Text Markup Language)
  • Structure Of HTML
  • (Create a simple HTML page)
  • How to save a webpage and how to open it on browser.
  • Font Tag
  • (Bold, Italic, underline, Font color, Font background color, Font Size, Font Family, Font Align, Marked, Deleted, Subscript, Superscript, Inserted, Small, Strong, Emphasized )
  • Paragraph and Break Tags
  • About HTML Headings
  • How to use addition information with HTML Attributes?
  • (Language attribute, Title attribute, href attribute, Size attribute, Alt attribute, Lowercase attribute, Quote attribute (Single or Double Quote) )
  • How to insert comments between HTML source codes?
  • How to use HTML Quotation and Citation Elements?
  • (q, blockquote, abbr, address, cite and bdo)
  • How to insert object in HTML?
  • (image, audio, video and pdf)
  • Deal with image tag.
  • How to create a list items in HTML?
  • (Order list, Unordered List)
  • How to create table?
  • Deal with table
  • How to create menu bar in HTML?
  • How to create a HTML layout with classes/div?
  • How to create a web page within the webpage using Iframes?
  • What we use in HEAD part of HTML page?
  • How to create a responsive HTML page?
  • How to use computer code elements in HTML?
  • (Keyboard Input, Program Output, Computer Code, Variables)
  • How to use reserved words in HTML with the help of Entities?
  • How to add some special symbols on HTML page?

CSS(CASCADING STYLE SHEET)

  • Introduction to CSS
  • (Cascading Style Sheet)
  • Rules Of CSS
  • How to select element to apply CSS?
  • How to change Background with CSS?
  • How to apply Border to element?
  • (All border types covered)
  • How to apply margin and padding to element?
  • How to set Height/width to element with pixels and percentage?
  • How to apply different type of outline to element?
  • Formatting With Text
  • (Color, Align, Decoration, transformation, Indentation, Letter Spacing, Word spacing, text direction, line height, Shadow)
  • How to apply CSS to Font Tags.
  • How to add icons ?
  • Apply Style to links
  • Apply Style to List types.
  • Design table with CSS elements.
  • Designing of form
  • Display property
  • How to set position of an element?
  • Overflow of an element
  • Float and Clear
  • Combinators
  • Web Page Layout using Alignments
  • Pseudo Class & Elements
  • How to set opacity to elements?
  • How to create a Navbar?
  • How to create a dropdown navbar?
  • How to create a tooltips?
  • How to create image gallery for webpage.
  • Style HTML Elements With Specific Attributes
  • Full Webpage layout

HTML5 (HYPER TEXT MARKUP LANGUAGE- 5)

  • Introduction to HTML5
  • HTML5 style guide
  • Semantic/Structural elements of HTML5
  • Migration from HTML To HTML5
  • How to add Google map on webpage?
  • How to add media files?
  • (audio, video)
  • How to add plugins on webpage?
  • How to play video using youtube?
  • How to drag and drop data from one div to another?
  • HTML5 Form tags
  • (email, search, placeholder, URL, required, Date, colors )
  • HTML5 Lists
  • (Order list)
  • (Un-order list)
  • (Data List)
  • Full webpage layout

CSS3(CASCADING STYLESHEET)

  • Introduction to CSS3
  • How to apply different styles of background ?
  • How to apply animation to elements?
  • Rounded Corner & Border Image
  • Color, Gradient And Shadow
  • Text and Fonts
  • Transformation
  • (2D, 3D)
  • Transitions
  • Animations of HTML element without using javascript and flash?
  • Style with images
  • (Rounded, Thumbnail, Responsive, Align, Polaroid, Transparent, Image Text, Image Filters, Hover Overlay,
  • Resp0nsive Image Gallery)
  • Style with buttons
  • (color, size, rounded, color border, Hoverable, Shadow, Disabled, animated, Button groups )
  • Pagination
  • (Rounded, Hoverable, Active, Space Between, Bordered, Breadcrumbs )
  • How to write data in multiple columns?
  • User interface
  • Media Queries for making webpage according to media screens.