Web development using HTML and CSS
- 1. Web Development using HTML and CSS SIDDHANT SINGH ENROLLMENT NO - 1901460118
- 2. What is Web development? Web development usually refers to developing the website for the internet. Also known as web programming and it is the creation of dynamic web applications. Examples of web applications are facebook or e-commerce site like amazon, etc. The main division of web development is front-end development which is also called as client-side development.
- 3. Front end development. Front-end development refers to producing a web application so that a user can see and interact with them directly. The objective of designing a site is to ensure that when the users open up the site they see the information in a format that is easy to read and relevant. The technologies we can use here are – HTML,CSS.
- 4. What is HTML? • HTML stands for Hyper Text Markup Language • It is the standard markup language for creating Web pages • It describes the structure of a Web page • It consists of a series of elements • Html elements tell the browser how to display the content.
- 5. A Simple Html Document. Example Explained •The <html> element is the root element of an HTML page •The <head> element contains meta information about the HTML page •The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab) •The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
- 6. Use and Importance of Html. • HTML is the foundation of a website it contains the information that tells the browser what is on the page in terms of text, links, where to find images. html is a platform independence means it is possible to create html file on any computer (like windows, Mac os,etc)with any editor.it is easy to learn because its have a simple structures and it is easy to understand. • HTML allow video, image and other files to be embedded which is used to create interactive web pages. HTML also embed scripts and styles, scripts affect the behavior of HTML web pages and styles (Cascading Style Sheets) define the look and layout of web pages.
- 7. What is CSS? • CSS stands for Cascading Style Sheets • CSS describes how HTML elements are to be displayed on screen, paper, or in other media • CSS saves a lot of work. It can control the layout of multiple web pages all at once • External stylesheets are stored in CSS files
- 8. Use of CSS. CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts. It allows one to adapt the presentation to different types of devices, such as large screens, small screens, or printers. CSS is independent of HTML and can be used with any XML-based markup language.
- 9. CSS Demo – Same page Different Style. Here the content is same but The presentation style is different.
- 10. File – Extensions for Html and Css • An HTML file is nothing more than plain ASCII text, but all HTML files must have a special file extension for web browsers to recognize them. This extension is . html. • When the html document is created and one want to style it than he/she can do it by creating a file named style or anything by adding the extension .CSS.
- 11. Code – Editors. • Installation process is not a task in html and css by just adding the .html and .css extension the browser will recognize. • Html and Css can be done only using Notepad but to increase the speed and for convenience Many code – editors were developed. • Eg - 1. Vs code. • 2. Atom. • 3. Notepad ++. • 4. Sublime Text.
- 12. Some more Examples of html.
- 13. Understanding the tags used in Example. • The heading tags indicate heading on a web page and they are from h1 to h6. • HTML paragraph or HTML p tag is used to define a paragraph in a webpage. • <ul> - Defines an unordered list. • <ol> - Defines an Ordered list. • <li> - Defines a list item. • The <body> tag defines the document's body.
- 14. Some example of css.
- 15. • If we see the previous example we have used class selector and group selector. • The class selector selects HTML elements with a specific class attribute. • The grouping selector selects all the HTML elements with the same style definitions. • The universal selector (*) selects all HTML elements on the page. This is used when the user wants same style all over the page.
- 16. Thank you.