Scribd
Upload
11 views4 pages

IP Home Assignment 1

Ip assignment 1

Uploaded by

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

IP Home Assignment 1

Ip assignment 1

Uploaded by

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

Delisha Naik TE CMPN B Roll No: 22

INTERNET PROGRAMMING
Home Assignment : 1

Aim: Create an HTML page which include CSS forms, tables, styles and all Html tags.

THEORY

HTML

HTML stands for Hyper Text Markup Language

HTML is the standard markup language for creating Web pages. It 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.

HTML Page Sructure

<html>

<head>

<title>Page title</title>

</head>

<body>

<h1>This is a heading</h1>

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

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

</body>

</html>
Delisha Naik TE CMPN B Roll No: 22

HTML TAGS

1. <html>: Root element of the HTML document.


2. <head>: Container for metadata (data about data) and links to stylesheets, character sets,
etc.
3. <title>Title Here</title>: Defines the title of the document shown in the browser's title bar
or tab.
4. <link rel="stylesheet" href="style.css">: Links to an external CSS stylesheet.
5. <body>: Contains the content of the HTML document.
6. <header>: Defines a header for the document or a section.
7. <h1>Welcome</h1>: Level 1 heading element, typically used for the main title.
8. <nav>: Defines a set of navigation links.
9. <a href="form.html">Registration</a>: Anchor element, creating a hyperlink to form.html.
10. <main>: Specifies the main content of the document.
11. <p>Some text </p>: Paragraph element containing text.

Form tag

<form action="#" method="post">: Form element for user input, submitted to a server.
action="#": URL to send the form data to (here, it's # meaning the same page).
method="post": HTTP method to use when sending form data.
Form Elements

 <input> : can be displayed in several ways, depending on the type attribute.

 <label> : Defines a label for several form elements.

 <select> : Defines a drop-down list

 <textarea> : Defines a multi-line input field (a text area)

 <button> : Defines a clickable button.

 <option> : Defines an option that can be selected. By default, the first item in the drop-down
list is selected.

Table Tags

 <table>: Defines a table


 <th>: Defines a header cell in a table
 <tr>: Defines a row in a table
 <td>: Defines a cell in a table
 <thead>: Groups the header content in a table
 <tbody>: Groups the body content in a table
Delisha Naik TE CMPN B Roll No: 22

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

Syntax:

Selector {

property1: value1;

property2:value2

Example:

p{
color: red;
text-align: center;
}

CSS Selectors

Element selector: Selects HTML elements based on the element name.

Id selector: Uses the id attribute of an HTML element to select a specific element.The id of an


element is unique within a page, so the id selector is used to select one unique element.

Grouping selector: Selects all the HTML elements with the same style definitions.

Class selector: Selects HTML elements with a specific class attribute.

Universal selector(*): selects all HTML elements on the page.

CSS Properties

 font-family: Specifies the typeface for text.


 margin: Defines the space outside the element's border.
 padding: Defines the space inside the element's border.
 background-color: Sets the background color of an element.
 text-align: Aligns text horizontally within an element.
 text-decoration: Adds decoration to text, such as underline or none.
Delisha Naik TE CMPN B Roll No: 22

 transition: Smoothly animates property changes over time.


 border: Defines the width, style, and color of an element's border.
 border-radius: Rounds the corners of an element's border.
 box-shadow: Adds shadow effects around an element's frame.
 cursor: Defines the type of mouse cursor to be displayed over an element.
 :hover: Applies styles when the user hovers over an element.
 border-collapse: Controls whether table borders are collapsed into a single border or
separated.

CONCLUSION:

Creating a comprehensive HTML page involves integrating various elements such as forms, tables,
and styles to build a fully functional and aesthetically pleasing webpage. HTML tags are used to
structure the content, including headings, paragraphs, forms, and tables. CSS is applied to enhance
the visual presentation, using properties like background-color, font-family, and border to style
elements. Form controls such as text fields, checkboxes, and radio buttons collect user input, while
tables display data in an organized format. By combining these elements with CSS transitions and
hover effects, you can create an interactive and visually appealing user experience. This approach
ensures that the webpage is both functional and user-friendly, catering to various needs and
preferences.

You might also like