Scribd
Upload
11 views6 pages

AIC IT - 2 Questions

Web development is the process of creating and maintaining websites, divided into frontend, backend, and full-stack development. It utilizes core technologies like HTML, CSS, and JavaScript to structure, style, and add interactivity to web pages. The document also details various HTML tags and their functions for structuring content, formatting text, creating navigation, and embedding media.

Uploaded by

rajesh7991095
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views6 pages

AIC IT - 2 Questions

Web development is the process of creating and maintaining websites, divided into frontend, backend, and full-stack development. It utilizes core technologies like HTML, CSS, and JavaScript to structure, style, and add interactivity to web pages. The document also details various HTML tags and their functions for structuring content, formatting text, creating navigation, and embedding media.

Uploaded by

rajesh7991095
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

What is Web Development?

Web development refers to the process of creating and maintaining websites or


web applications. It involves designing, building, and managing web pages to
ensure they function properly and provide a good user experience. Web
development is broadly divided into three categories:

1. Frontend Development – The part of the website that users interact with
directly (UI/UX).

2. Backend Development – The server-side logic that processes requests and


manages databases.

3. Full-Stack Development – A combination of both frontend and backend


development.

Uses of Web Development

• Creating websites and web applications for businesses, portfolios, and


blogs.

• Developing e-commerce platforms for online shopping.

• Building web-based tools and software like online banking, social media,
and email services.

• Enhancing digital presence and brand identity for companies and


individuals.

What is HTML, CSS, and JavaScript?

These three are the core technologies for web development:

1. HTML (HyperText Markup Language)

• It is the structure of a webpage.

• Defines elements like headings, paragraphs, images, and links.

• Example:

html

CopyEdit

<h1>Welcome to My Website</h1>

<p>This is a paragraph.</p>

2. CSS (Cascading Style Sheets)

• It is used for styling the HTML elements.


• Controls colors, layouts, fonts, and responsiveness.

• Example:

h1 {

color: blue;

font-size: 24px;

3. JavaScript (JS)

• It is a programming language that adds interactivity to websites.

• Enables dynamic elements like form validation, animations, and interactive


buttons.

1. Basic Structure Tags

Tag Description

<html> Defines the root of an HTML document

<head> Contains metadata, title, and links to stylesheets

<title> Sets the title of the webpage

<body> Contains the main content of the webpage

2. Headings & Paragraphs

Tag Description

<h1> to <h6> Defines headings (h1 is the largest, h6 is the smallest)

<p> Defines a paragraph

<br> Inserts a line break

<hr> Inserts a horizontal line

3. Formatting Tags
Tag Description

<b> Makes text bold (without importance)

<strong> Makes text bold (with importance)

<i> Makes text italic (without importance)

<em> Makes text italic (with emphasis)

<mark> Highlights text

<u> Underlines text

<small> Makes text smaller

<del> Shows deleted text (strikethrough)

<ins> Shows inserted text (underline)

<sub> Subscript text (e.g., H₂O)

<sup> Superscript text (e.g., x²)

4. Links & Navigation

Tag Description

<a> Defines a hyperlink

<nav> Defines a navigation section

<link> Links external resources like stylesheets

5. Lists

Tag Description

<ul> Unordered list (bullet points)

<ol> Ordered list (numbered)

<li> List item

<dl> Definition list


Tag Description

<dt> Term in a definition list

<dd> Definition description

6. Tables

Tag Description

<table> Creates a table

<tr> Defines a table row

<th> Defines a table header

<td> Defines a table cell

<caption> Adds a caption to the table

<thead> Groups header content in a table

<tbody> Groups body content in a table

<tfoot> Groups footer content in a table

7. Forms & Inputs

Tag Description

<form> Creates a form

<input> Defines an input field (text, password, etc.)

<label> Defines a label for input fields

<button> Creates a clickable button

<select> Creates a dropdown list

<option> Defines an option in a dropdown

<textarea> Defines a multiline input field

<fieldset> Groups form elements


Tag Description

<legend> Defines a caption for a fieldset

<datalist> Provides predefined options for an input field

8. Media Tags

Tag Description

<img> Displays an image

<audio> Embeds an audio file

<video> Embeds a video file

<source> Specifies media resources for <audio> and <video>

<track> Adds subtitles to a video

<embed> Embeds external content (e.g., PDFs, Flash)

<iframe> Embeds another webpage within a page

<object> Embeds objects like PDFs and Flash files

9. Semantic HTML Tags

Tag Description

<header> Defines a page header

<footer> Defines a page footer

<section> Defines a section of the document

<article> Defines an article-like content block

<aside> Defines side content (like a sidebar)

<main> Represents the main content of a page

<figure> Groups media elements (like images and captions)

<figcaption> Defines a caption for a figure


Tag Description

<details> Creates an expandable section

<summary> Defines a summary for <details>

10. Metadata & Scripting

Tag Description

<meta> Provides metadata about the document (e.g., charset, viewport)

<script> Embeds JavaScript code

<noscript> Provides an alternative for users with JavaScript disabled

<style> Embeds CSS styles in the document

11. Miscellaneous Tags

Tag Description

<div> A generic container for styling and layout

<span> An inline container for styling small parts of text

<canvas> Used for drawing graphics via JavaScript

<progress> Displays a progress bar

<meter> Represents a scalar measurement

You might also like