Coder Baba
2.42K subscribers
1.01K photos
23 videos
722 files
723 links
Everything about programming for beginners.
1 and only official telegram channel of CODERBABA India.

Content:
.NET Developer,
Programming (ASP. NET, VB. NET, C#, SQL Server),
& Projects
follow me https://linktr.ee/coderbaba
*Programming
*Coding
*Note
Download Telegram
ASP.NET MVC 5 Fundamentals Webinars

Live knowledge sharing sessions by industry experts on latest and trending skills and technologies


https://www.pluralsight.com/courses/aspdotnet-mvc5-fundamentals
O level Web Designing & Publishing (M2 R4)


videos:

----------------------

1-html form

https://youtu.be/hMWziwtVnjo

-------------------------------

2-CSS Tutorial #1 in Hindi | O level Web Designing & Publishing (M2 R4)
https://youtu.be/lv2qdK87008
----------------------------

3-CSS Tutorial #2 in Hindi

https://youtu.be/fmoWu6oIf8E
Cascading Style Sheets:-

CSS stands for Cascading Style Sheets. It is a style sheet language which is used to describe the look and formatting of a HTML document / Webpage.CSS describes how HTML elements are to be displayed.

CSS handles the look and feel part of a web page. Using CSS, you can control

1. The color of the text,
2. The style of fonts,
3. The spacing between paragraphs,
4. How columns are sized and laid out,
5. What background images or colors are used,
6. Layout designs,
7. Variations in display for different devices and screen sizes
8. Variety of effects.


CSS used with HTML to change the style of web pages and user interfaces.

“CSS are a collection of formatting rules that control the appearance of content in a web page.”

Style-sheet:- A style sheet is made up of ‘style rules’ that tell a browser how to present a document.

Style Rules (Code-Words) :- each style rule is made up of a selector.

CSS was first proposed by " Håkon Wium Lie " on October 10, 1994.

जिसे W3C – World Wide Web Consortium द्वारा विकसित किया गया है.
First Version of CSS (Cascading Style Sheets level 1) (CSS1) developed in December 1996 , CSS2 developed in May 1998 and “CSS3” is a latest version of CSS. इसका उपयोग एक वेबपेज को सजाने के लिए होता है.

Using HTML we can create web page structure and Using CSS we can decorate this webpage.

CSS is a combination of a selector and a declaration.



CSS Tutorial #1 in Hindi | O level Web Designing & Publishing (M2 R4)
https://youtu.be/lv2qdK87008
----------------
1-first web browser ?
(A) Nexus
(B) Netscape Navigator
(C) Internet Explorer
(D) Mosaic


2- What tag is used to display a picture in a HTML page ?

(A) picture
(B) image
(C) img
(D) src


3-Which is the first Internet search engine?
(A) Google
(B) Archie
(C) Altavista
(D) WAIS

4-The HTML tags that create a table header are
A) <head></head>
B) <ttop></ttop>
C) <th></th>
D) <td></td>
---------------------------
----------------
1-first web browser ?
(A) Nexus
(B) Netscape Navigator
(C) Internet Explorer
(D) Mosaic


2- What tag is used to display a picture in a HTML page ?

(A) picture
(B) image
(C) img
(D) src


3-Which is the first Internet search engine?
(A) Google
(B) Archie
(C) Altavista
(D) WAIS

4-The HTML tags that create a table header are
A) <head></head>
B) <ttop></ttop>
C) <th></th>
D) <td></td>
---------------------------
<Input> (Input fields):

the <input> tag specifies an input field where the user can enter data.

the <input> element is the most important form element.

The <input> element can be displayed in several ways, depending on the 'type' attribute.

The Different input types are as follows:

<input type="button">
<input type="checkbox">
<input type="password ">
<input type=" radio">
<input type=" range">
<input type=" number">
<input type=" reset">
<input type="search ">
<input type="submit ">
<input type=" tel">
<input type="text ">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="time ">
<input type="URL ">
<input type="week ">
HTML 5
It is the latest revision of the HTML or Latest version of HTML with New tags ,features & functionality.
Developed by World Wide Web Consortium (W3C) & Web Hypertext Application Technology Working Group (WHATWG) .
HTML 5 comes with a lot of flexibility & it supports the following Features
1. Uppercase tag names.
2. Quotes are optional for attributes.
3. Attribute values are optional.
4. Closing empty elements are optional.
Features of HTML5:
HTML5 introduces a number of new elements and attributes that can help you in building modern websites.
 New Semantic Elements: support some more block level elements such as <header>, <footer> & <section> .
 FORM 2.0:- improvements to HTML web forms where new attributes have been introduced for <input> tag.
 Persistent Local Storage: HTML5 Provides more storage for loading or refreshing the web page, immediately, it enhances the user’s web experience.
 Web Socket:- HTML5 uses a new & Next Generation bidirectional communication technology for web applications.
 Server Sent Events: HTML5 introduces events, which flow from web server to the web browsers, and they are called server-sent events (SSE).
 Canvas: HTML5 offers canvas that supports a two dimensional drawing surface (2D object/image).
 Audio & Video: we can directly embed audio and video on our webpage .
 Geo-Location: now visitors can choose to share their physical location with our web application.
 Drag and drop:- drag and drop the items from one location to another location on the same webpage.
New Tags of HTML5:
1. <nav>: used to create navigation links/menu.
2. <header>: represents the header of a section. We can use it to define header of a page or section.
3. <footer>:- represents footer of a section and can contain information about the author, copyright information etc.
4. <article> this tag represents an independent piece of content of a document, such as a blog or article.
5. <section> :- represent a standard document section. It can be used together with header element, h1 to h6, as its child to indicate the document structure.
6. <aside> : this tag represent a piece of contenet that is only slightly related to the rest of the page. Asides are frequently presented as sidebars or call out boxes.
7. <dialog> :- used to mark up a conversation. It represents a dialog box or other interactive component, such as a dismissible alert, or sub window.
8. <figure> :- this tag can be used to associate a caption together with some embedded content, such as a graphic or video.
difference between "TAG", "ELEMENT" and "ATTRIBUTE" in html