Downloaded 11 times
Uploaded bySiddhantSingh980217
PPTX, PDF2,750 views
Web development using HTML and CSS
The document provides an overview of web development, focusing on front-end practices using HTML and CSS. It defines HTML as the standard markup language for creating web pages and discusses its role in structuring content, while CSS is described as a stylesheet language that defines the presentation of HTML elements. Additionally, the document covers the importance of these technologies, their ease of use, and mentions several code editors for development.
Recommended
More Related Content
What's hot
Similar to Web development using HTML and CSS
Recently uploaded
Web development using HTML and CSS
- 1.Web Development usingHTML and CSSSIDDHANT SINGHENROLLMENT NO - 1901460118
- 2.What is Webdevelopment? 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 formatthat 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 HtmlDocument.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 Importanceof 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, Macos,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 andstyles, 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.CSSis the language for describing the presentation of Web pages, including colors, layout, and fonts. It allowsone to adapt the presentation to different types of devices, such as large screens, small screens, or printers. CSSis 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 – Extensionsfor Html and Css• An HTML file is nothing more than plain ASCII text, but all HTML files must have a special file extension for webbrowsers 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 oranything 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 – editorswere developed.• Eg - 1. Vs code.• 2. Atom.• 3. Notepad ++.• 4. Sublime Text.
- 12.Some more Examplesof html.
- 13.Understanding the tagsused 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 ofcss.
- 15.• If wesee 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 overthe page.
- 16.