Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
A Certificate of Completion will be provided to all students after completing this course.
In this Vedio Session we took all the Basic Elements of HTML and CSS. and we tried make u a Complete web developer with this Vedio. After Completion of the Session you can make your own Static Website.
A Web Browser can read HTML files and Compose them into visible or audible web pages. The Browser does not display the HTML tags, but uses them to interpret the content of the page. HTML uses special bits of Programming language called "tags" to let the browser know how a Webpage should look. The tags usually come in pairs: an opening tag to tell the browser when to start doing something, and an ending tag to tell the browser when to stop doing something. There are many different kinds of tags, and each one has a different purpose.
Web browsers can also refer to Cascading Style Sheets (CSS) to define the look and layout of text and other Material.
The id attribute provides a Document-Wide unique identifier for an Element. This is used to identify the element so that Stylesheets can alter its Presentational properties, and scripts may alter, animate or delete its Contents or presentation.
The class attribute provides a way of Classifying similar Elements. This can be used for semantic or presentation purposes. For example, an HTML document might semantically use the designation class="notation" to indicate that all elements with this class value are subordinate to the main text of the Document.
The course provides step-by-step Walk-through and Coding demos that you're encouraged to code along with to enhance the learning process. By the end of the course you'll understand how all of the coding pieces fit together and be able to apply this knowledge to building your own custom Web applications.
Web browsers can also refer to Cascading Style Sheets to define the look and layout of text and other material.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Introduction Tags of HTML (Hyper Text Markap Language)|
Definition and Basic text displayPreview
Attributes (1) Bgcolor (2) Background
Color Coding in HTML (1) Color name ( 2) Hex codes
: Various body tags : (1) Br tag (2) P tag (3) Spaces and nextline
Hr tag (1) Pre tag
|Section 2: (Text) All Text and font will be Explain|
Playing with text :1 Bold, italics, underline, strike 2 Text alignment 3 Using v
Text Formatting: 1 Heading tag 2 Superscript 3 Subscript 4Big 5 Small
Font tag : 1 Font face 2 Font size 3 color
|Section 3: Listing of fonts Color and Alignment|
: Lists - I (1) Ul
list - II (1) OI
|Section 4: Divide the with Table|
Tables - I : Introduction
Tables - II (1) Rowspan (2) Colspan (3) Background
Tables -III (1) Cell padding (2) Cell spacing (3) Border color
Table –IV : Example
|Section 5: Linking of Pages Internal and External Links|
Page layout Using Tables (To do in CSS)-: Hyperlinks - I Anchor tag
Hyperlinks – II Internal Hyperlinks
Hyperlinks – III (1) Link (2) Vlink (3) Alink (4) A Pdf file (5) Image File
|Section 6: logical Data Tags and Attributes|
Forms – I (1) Form tag (2) Text box (3) Textarea (4) Buttons
Forms – II (1) Check boxes (2) Radio buttons
Forms – III (1) Combo box (2) List Box
Forms – IV Examples
Frames – I (1) General form (2) Rows (3) Cols
Frames–II 1 Percentagewise 2rols and cols together 3Bord4Frameborder 5 noresize
Frames – III (1) Name (2) Target attributes
|Section 7: Motion Tags Motion in horizontal and vertical|
Marquee tag – I (1) Direction (2) Width (3) Height
Marquee Tag–II (1 Behavior. Alternate.Scroll. Slide2 Hspace 3 Vspace 4 bgcolour
Marquee tag – III (1) Images in Marquee (2) Loop (3) Scrollamount
Meta Tag-1Defines keyword 2Webpage Description3 Author of page4 Refresh5 Defines
Comments 1<!-- --!>2Valid vs invalid comments 3Multiline 4Tag 5script code 6css
HTML Quotations and Citations- 1 q tag 2 Blockquote 3 Abbr 4Address 4 Dfn
HTML Entities and Symbols 1 non breaking spaces 2<, > signs 3&, currency symbol
HTML 5 –Introduction 1 Hoctype Declaration 2 Header, footer, Article and Section
|Section 8: Multimedia Tags And Attributes|
HTML Plugins - (1) Object (2) Embed
HTML 5 –Multimedia 1Video formats Supported 2Video Tag 3 Adding a Youtube Videos
HTML 5 – Multimedia Contd (1)Audio formats Supported (2) Audio Tag
|Section 9: Introduction of CSS (Cascaded style sheet)|
(1)Introduction (2) Basic css design (3) External css file (5) Comments in CSS
Ways to Define CSS -1Selectors ,Element ,ID,Class ,Grouping 2 Internl 3•External
|Section 10: Colors and Images of front and Back|
Background - (1) Background (2) Background color (3) Size (4)Image (5)Repetition
Fonts- 1 Font-family,generic famil 2 Style 3Variant 4 Size 5 Weight 6Shorthand
|Section 11: Text formating|
Text Formatting -Text color • Text align • Text decoration • Text transformatio
|Section 12: Linkings with Cascaded Style Sheet Lecture|
Links - (1) A:hover (2) A:link (3)A:visited (4) A:active
Lists- (1) Setting list item markers (2)List style position (3)Shorthand propert
|Section 13: Divisions of Tables with Rows And Colomns|
Tables-1 Border 2 Border collapse 3Width, height 4Text align 5 Vertical align
Images -(1)Border (2)Height (3)Width (4) Opacity ----- Opacity o Filter(alpha)
|Section 14: Border Decoration with Color and Margins|
Borders, Margins, Paddings -1)Border color 2)Border style 3) Border with 4CSS 3
|Section 15: Logical Division Tag floating|
Positioning / Floating - 1)Relative 2)Fixed 3)Absolute 4)Overlapping 5)Floating
Pseudo Elements & Classes-1)Syntax 2)Pseudo classes 3)Add different styles to li
A skilled professional, Kishan Jainani have interests to teach online and have a experience of 10 years in teaching online.
Living your life to the fullest, and provides premium quality web design tutorials and courses for tens of thousands of amazing people desiring to master the craft.I'm fortunate to enjoy the development work I do, but my true passion is helping people learn. I look forward to answering your questions and am available for 1-on-1 chats with all of my students. At Maker-Based we aim to better education through content and delivery. We believe every day there is a growing gap between what students should be and are learning. We aim to lessen that gap by teaching you skills that are relevant today - to enable you to follow your passion and do what you love. And we believe the most effective way to learn these skills is through project-based learning. We work to achieve this mission daily with courses and our social venture of bringing coding into the school system. ALL THE BEST