SlideShare a Scribd company logo

INTERNSHIP PROJECT PPT RAJ HZL.pdf

•
•
D
DineshKumar522328

Raj Acharya presents details of his internship project on front-end web development. He completed a month-long training program at BIRLA Institute of Technology in Jaipur, India, where he learned HTML, CSS, and JavaScript. He describes the basic concepts and elements of HTML, including headings, paragraphs, links, images, tables, and lists. He also provides an overview of CSS and how it is used to style web pages.

1 of 19
Download to read offline
INTERNSHIP PROJECT PRESENTATION Presented by : Raj Acharya (20EEBAD048)
TRAINING DETAILS  Technology : Front end web development Mode of Training : Offline Institute : BIRLA INSTITUTE OF TECHNOLOGY MESRA, JAIPUR Start Date : 4th July 2022 End Date : 12th August 2022
What is Web Development  Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.
Frontend development Language used in frontend  HTML : HTML stands for Hyper Text Markup Language. It is used to design the front end portion of web pages using markup language. It acts as a skeleton for a website since it is used to make the structure of a website.  CSS : Cascading Style Sheets fondly referred to as CSS is a simply designed language intended to simplify the process of making web pages presentable. It is used to style our website.  JAVASCRIPT : JavaScript is a scripting language used to provide a dynamic behavior to our website.
HTML  HTML stands for Hyper Text Markup Language  HTML is the standard markup language for creating Web pages  HTML describes the structure of a Web page  HTML consists of a series of elements  HTML elements tell the browser how to display the content  HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
STRUCTURE OF HTML CODE  All HTML documents must start with a document type declaration: <!DOCTYPE html>.  The HTML document itself begins with <html> and ends with </html>.  The visible part of the HTML document is between <body> and </body>.  HTML headings are defined with the <h1> to <h6> tags.  HTML paragraphs are defined with the <p> tag:
ELEMENTS OF HTML  HTML The HTML element is everything from the start tag to the end tag: <tagname> Content goes here... </tagname>  Examples of some HTML elements: <h1> My First Heading </h1> <p> My first paragraph. </p>
HTML ATTRIBUTES  All HTML elements can have attributes  Attributes provide additional information about elements  Types of attributes  Href attribute  Src attribute  Width and Height attribute  Alt attribute  Style attribute  Language attribute  Tittle attribute
HTML Heading  HTML headings are defined with the <h1> to <h6> tags.  <h1> defines the most important heading. <h6> defines the least important heading.
HTML Paragraph  A paragraph always starts on a new line, and is usually a block of text.  The HTML <p> element defines a paragraph.  The <hr> element is used to separate content (or define a change) in an HTML page:  Use <br> if you want a line break (a new line) without starting a new paragraph:  The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks:
CODE
HTML - STYLE CSS  CSS stands for Cascading Style Sheets.  With CSS, you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used, different displays for different devices and screen sizes, and much more!
USING CSS  CSS can be added to HTML documents in 3 ways: Inline - by using the style attribute inside HTML elements Internal - by using a <style> element in the <head> section External - by using a <link> element to link to an external CSS file
LINKS  The HTML <a> tag defines a hyperlink. It has the following syntax: <a href="url">link text</a>  The most important attribute of the <a> element is the href attribute, which indicates the link's destination.  The link text is the part that will be visible to the reader.  Clicking on the link text, will send the reader to the specified URL address.
IMAGES  Images can improve the design and the appearance of a web page.  The HTML <img> tag is used to embed an image in a web page.  The <img> tag has two required attributes:  src - Specifies the path to the image  alt - Specifies an alternate text for the image <img src="url" alt="alternatetext“ >  The required src attribute specifies the path (URL) to the image.  The required alt attribute provides an alternate text for an image
HTML Tables  HTML tables allow web developers to arrange data into rows and columns.  There are 3 different stages in html table code  Table Cells  Each table cell is defined by a <td> and a </td> tag.  Table Rows  Each table row starts with a <tr> and ends with a </tr> tag.  Table Headers  Sometimes you want your cells to be table header cells. In those cases use the <th> tag instead of the <td> tag:
HTML Lists  HTML lists allow web developers to group a set of related items in lists.  There are two types of lists.  Ordered list -- An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.  The list items will be marked with numbers by default:  Unordered List -- An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.  The list items will be marked with bullets (small black circles) by default:
INTERNSHIP PROJECT PPT RAJ HZL.pdf
THANK YOU !!

More Related Content

INTERNSHIP PROJECT PPT RAJ HZL.pdf

  • 1. INTERNSHIP PROJECT PRESENTATION Presented by : Raj Acharya (20EEBAD048)
  • 2. TRAINING DETAILS  Technology : Front end web development Mode of Training : Offline Institute : BIRLA INSTITUTE OF TECHNOLOGY MESRA, JAIPUR Start Date : 4th July 2022 End Date : 12th August 2022
  • 3. What is Web Development  Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.
  • 4. Frontend development Language used in frontend  HTML : HTML stands for Hyper Text Markup Language. It is used to design the front end portion of web pages using markup language. It acts as a skeleton for a website since it is used to make the structure of a website.  CSS : Cascading Style Sheets fondly referred to as CSS is a simply designed language intended to simplify the process of making web pages presentable. It is used to style our website.  JAVASCRIPT : JavaScript is a scripting language used to provide a dynamic behavior to our website.
  • 5. HTML  HTML stands for Hyper Text Markup Language  HTML is the standard markup language for creating Web pages  HTML describes the structure of a Web page  HTML consists of a series of elements  HTML elements tell the browser how to display the content  HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
  • 6. STRUCTURE OF HTML CODE  All HTML documents must start with a document type declaration: <!DOCTYPE html>.  The HTML document itself begins with <html> and ends with </html>.  The visible part of the HTML document is between <body> and </body>.  HTML headings are defined with the <h1> to <h6> tags.  HTML paragraphs are defined with the <p> tag:
  • 7. ELEMENTS OF HTML  HTML The HTML element is everything from the start tag to the end tag: <tagname> Content goes here... </tagname>  Examples of some HTML elements: <h1> My First Heading </h1> <p> My first paragraph. </p>
  • 8. HTML ATTRIBUTES  All HTML elements can have attributes  Attributes provide additional information about elements  Types of attributes  Href attribute  Src attribute  Width and Height attribute  Alt attribute  Style attribute  Language attribute  Tittle attribute
  • 9. HTML Heading  HTML headings are defined with the <h1> to <h6> tags.  <h1> defines the most important heading. <h6> defines the least important heading.
  • 10. HTML Paragraph  A paragraph always starts on a new line, and is usually a block of text.  The HTML <p> element defines a paragraph.  The <hr> element is used to separate content (or define a change) in an HTML page:  Use <br> if you want a line break (a new line) without starting a new paragraph:  The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks:
  • 11. CODE
  • 12. HTML - STYLE CSS  CSS stands for Cascading Style Sheets.  With CSS, you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used, different displays for different devices and screen sizes, and much more!
  • 13. USING CSS  CSS can be added to HTML documents in 3 ways: Inline - by using the style attribute inside HTML elements Internal - by using a <style> element in the <head> section External - by using a <link> element to link to an external CSS file
  • 14. LINKS  The HTML <a> tag defines a hyperlink. It has the following syntax: <a href="url">link text</a>  The most important attribute of the <a> element is the href attribute, which indicates the link's destination.  The link text is the part that will be visible to the reader.  Clicking on the link text, will send the reader to the specified URL address.
  • 15. IMAGES  Images can improve the design and the appearance of a web page.  The HTML <img> tag is used to embed an image in a web page.  The <img> tag has two required attributes:  src - Specifies the path to the image  alt - Specifies an alternate text for the image <img src="url" alt="alternatetext“ >  The required src attribute specifies the path (URL) to the image.  The required alt attribute provides an alternate text for an image
  • 16. HTML Tables  HTML tables allow web developers to arrange data into rows and columns.  There are 3 different stages in html table code  Table Cells  Each table cell is defined by a <td> and a </td> tag.  Table Rows  Each table row starts with a <tr> and ends with a </tr> tag.  Table Headers  Sometimes you want your cells to be table header cells. In those cases use the <th> tag instead of the <td> tag:
  • 17. HTML Lists  HTML lists allow web developers to group a set of related items in lists.  There are two types of lists.  Ordered list -- An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.  The list items will be marked with numbers by default:  Unordered List -- An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.  The list items will be marked with bullets (small black circles) by default: