# HTML5 & CSS3 Course

> Learn HTML and CSS with us to create an attractive website in just 30 days. In this course we will teach from basic to advance concepts of HTML and CSS. Join Bootstrap course to create responsive website i.e. mobile, laptop, desktop, tablet friendly within just 15 days.

- Institute: Next-G Classes, Plot No 4, Kh. No. 59/13, First Floor, Pal Colony, Rithala, Near Rithala Metro Station, Delhi - 110085
- Web page: https://nextgclasses.com/advance-html5-css3-course
- Duration: Regular 45 Days · Fastrack 25 Days · Crash 15 Days
- Mode: Classroom and Live Online · Certificate · Live projects · Placement assistance
- Enquire: +91-7503301775 · nextgclasses@gmail.com

## Syllabus

**INTRODUCTION TO HTML**

- What is static/Dynamic Website

- What is SEO Friendly Website

- What is Responsive Website

- What is HTML

- HTML4 VS HTML5

- EDITORS IN HTML

**WORKING WITH BASIC TAGS**

- DOCTYPE In HTML

- Tag and Attributes

- Title and Meta tag

- Headings and Paragraph

- Formatting Tags

- EDITORS In HTML

**ANCHORS AND HYPERLINKS**

- Internal link

- External link

- Text link

- Image link

- Email link

- Phone link

- target attribute

**WORKING WITH LISTS**

- Ordred List

- Unordred List

- Definition List

- Nested List

- List Attributes

**WORKING WITH GOOGLE MAP & YOUTUBE**

- Google Map Insertion in Webpage

- Youtube Video Insertion in Webpage

**WORKING WITH TABLES**

- Creating Tables on a Web Page

- Altering Tables and Spanning Rows & Columns

- Placing Images & Graphics into Tables

- Aligning Text & Graphics in Tables

- Adding a Background Color

**WORKING WITH HTML FORM**

- HTML Input tags

- HTML Input Attributes

- Setting up form

- Form attributes

- Submit and Reset Button

**HTML5 SEMANTIC TAGS**

- header and footer tag

- section tag

- figure and figcaption

- nav and aside tag

**HTML5 AUDIO & VIDEO**

- Audio Tag

- Video Tag

**HTML5 API'S**

- Drag & Drop

- Local Storage

- Geolocation

##### COURSE CONTENTS OF CSS

**INTRODUCTION TO CSS**

- What is CSS?

- How CSS Works?

- Types of CSS,Internal,Inline,External

- CSS Selectors

- Comments In CSS

- How to Link External CSS

**WORKING WITH BASIC CSS PROPERTIES**

- Selectors : Class or Elements

- Colors

- Height / Width

- Border

- Margin and Padding

- CSS Box Model

**WORKING WITH WEB LAYOUTS**

- Aligning Div

- Two Div Align

- Three Div Align

- Four Div Align

- Use of floats

- Clearing float

- Inline or Block Element

**WORKING WITH BACKGROUND,GRADIENT OR IMAGE SPRITE**

- Background Color

- Background Image

- Background Position

- Background Attachment

- Gradient Colors

- Image Sprite

**WORKING WITH TEXT PROPERTIES**

- Text Alignments

- Line height(Leading)

- Letter Spacing(Kerning)

- Font Family

- Font Size with Font Weight

- Tips For Improving Text Readability

**WORKING WITH ICONS & FONTS**

- Use of Font Awesome

- Use of Flat Icons

- Use of Google Fonts

**WORKING WITH MENUS AND POSITIONS**

- Static Position

- Fixed Position

- Absolute Position

- Relative Position

- Creating Menu

- Menu With Multi Dropdown

**WORKING WITH BORDER AND SHADOW**

- Border

- Border Image

- Rounded Corner

- Box Shadow

- Text Shadow

**WORKING WITH OUTLINE AND UI**

- Outline

- Outline Offset

- Resize

**WORKING WITH IMAGE STRETCHING PROBLEM**

- Object Fit : Fill

- Object Fit : Contain

- Object Fit : Cover

**WORKING WITH HTML FORM & CSS**

- labels with inputs

- Form-based selectors

- Changing properties of form elements

- Formatting text in forms

- Formatting inputs

- Formatting form areas

- Changing the appearance of buttons

- Laying out forms

**WORKING WITH 2D & 3D TRANSFORMS**

- translate

- rotate

- skew

- scale

**WORKING WITH HOVER,TRANSITIONS & ANIMATIONS**

- Hover Effects

- Transitions

- Animations

- Creating Web Ads Using Animation

**Career Options**:

- Web Designer

- HtTML5 and CSS3 Designer

- Web Page Designer etc