You are on page 1of 27

 In these 15 days of internship I had learnt a lot of things through the

company of Patel Web Solution. The things which I had learnt are as
follows:-

 HTML[HyperTextMarkup Language]
HTML lists are used to present list of information in well formed and semantic
way. There are three different types of list in HTML and each one has a specific
purpose and meaning.

 Unordered list — Used to create a list of related items, in no particular order.


 Ordered list — Used to create a list of related items, in a specific order.
 Description list — Used to create a list of terms and their descriptions.

Note: Inside a list item you can put text, images, links, line breaks, etc.

 Here we have make the simple program of ordered list, unordered list
and description list. By using different types of tags we have make this
program.
 An unordered list created using the <ul> element, and each list
item starts with the <li> element.
 The list items in unordered lists are marked with bullets.
 An ordered list created using the <ol> element, and each list item
starts with the <li> element. Ordered lists are used when the
order of the list's items is important.
 The list items in an ordered list are marked with numbers
 A description list is a list of items with a description or definition of
each item.
 The description list is created using <dl> element.
The <dl> element is used in conjunction with the <dt> element
which specify a term, and the <dd> element which specify the
term's definition.
PROGRAM:-

OUTPUT OF THE PROGRAM:-

 FORMATING TAGS:-
 Formatting elements were designed to display special types of text:

 <b> - Bold text


 <strong> - Important text
 <i> - Italic text
 <em> - Emphasized text
 <mark> - Marked text
 <small> - Smaller text
 <del> - Deleted text
 <ins> - Inserted text
 <sub> - Subscript text
 <sup> - Superscript text

 The HTML <i> element defines a part of text in an alternate voice or


mood. The content inside is typically displayed in italic.
 The HTML <em> element defines emphasized text. The content
inside is typically displayed in italic.
 The HTML <small> element defines smaller text.
 The HTML <mark> element defines text that should be marked or
highlighted.
 The HTML <del> element defines text that has been deleted from a
document. Browsers will usually strike a line through deleted text.

PROGRAM:-
This program will give the output as follows:-

 By using the tags we can make the different


types of tables.
 The rowspan and colspan are <td> tag attributes. These are
used to specify the number of rows or columns a cell should span.
The rowspan attribute is for rows as well as the colspan attribute is
for columns. These attributes have numeric values, for example,
colspan=3 will span three columns

 You can use rowspan="n" on a td element to make it span n


rows, and colspan="m" on a td element to make it span m
columns. Looks like your first td needs a rowspan="2" and the
next td needs a colspan="4"
PROGRAM:-
OUTPUT OF THE PROGRAM:-

 HOW TO MAKE THE FORM IN HTML?


 HTML Form is a document which stores information of a user on a
web server using interactive controls. An HTML form contains
different kind of information such as username, password, contact
number, email id etc. The elements used in an HTML form
are check box, input box, radio buttons, submit buttons etc.

text Defines a one-line text input field

password Defines a one-line password input field

submit Defines a submit button to submit the form to server

reset Defines a reset button to reset all values in the form.

radio Defines a radio button which allows select one option.

checkbox Defines checkboxes which allow select multiple options form.

button Defines a simple push button, which can be programmed to perform a task on an event.
PROGRAM:-

OUTPUT OF THE PROGRAM:-

 2nd PROGRAM OF HTML FORM USING DIFFERENT


TYPES OF TOOLS .
PROGRAM:-

OUTPUT OF THE PROGRAM:-


 INLINE CSS:-
 Cascading Style Sheets (CSS) is used to format the layout
of a webpage.

 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!

 An inline CSS is used to apply a unique style to a single


HTML element.

 An inline CSS uses the style attribute of an HTML


element.

OUTPUT OF THE PROGRAM:-


 INTERNAL CSS
 An internal CSS is used to define a style for a single HTML
page.

 An internal CSS is defined in the <head> section of an


HTML page, within a <style> element.

PROGRAM:-
OUTPUT OF THE PROGRAM:-

 MARGIN
 The margin property sets the margins for an element, and
is a shorthand property for the following properties:

 margin-top
 margin-right
 margin-bottom
 margin-left

 If the margin property has four values:

 margin: 10px 5px 15px 20px;


o top margin is 10px
o right margin is 5px
o bottom margin is 15px
o left margin is 20px

 If the margin property has three values:

 margin: 10px 5px 15px;


o top margin is 10px
o right and left margins are 5px
o bottom margin is 15px

 If the margin property has two values:


 margin: 10px 5px;
o top and bottom margins are 10px
o right and left margins are 5px

PROGRAM:-

OUTPUT OF THE PROGRAM:-


 PADDING
 The padding property is a shorthand property for:

 padding-top
 padding-right
 padding-bottom
 padding-left

 This property can have from one to four values.

 If the padding property has four values:

 padding:10px 5px 15px 20px;


o top padding is 10px
o right padding is 5px
o bottom padding is 15px
o left padding is 20px

 If the padding property has three values:

 padding:10px 5px 15px;


o top padding is 10px
o right and left padding are 5px
o bottom padding is 15px

 If the padding property has two values:

 padding:10px 5px;
o top and bottom padding are 10px
o right and left padding are 5px

If the padding property has one value:

 padding:10px;
o all four paddings are 10px
PROGRAM:-

OUTPUT OF THE PROGRAM:-

 HOW TO MAKE GTU FORM


PROGRAM:-

OUTPUT OF THE PROGRAM:-


 PYTHON
 Python is a high-level, general-purpose programming language. Its
design philosophy emphasizes code readability with the use of
significant indentation. Python is dynamically-typed and garbage-
collected. It supports multiple programming paradigms, including
structured, object-oriented and functional programming.
 Python is commonly used for developing websites and software,
task automation, data analysis, and data visualization. Since
it's relatively easy to learn, Python has been adopted by many
non-programmers such as accountants and scientists, for a variety
of everyday tasks, like organizing finances.

 Different types of arithmetic operations can be made using python


language.
 Sum of 2 numbers:-
PROGRAM OF FUNCTION WITH OUTPUT
FUNCTION WITH ARGUMENTS WITH RETURN VALUES

PROGRAM OF MATH FUNCTION WITH OUTPUT


PROGRAM OF FUNCTION WITH STRING

SIMPLE “IF” PROGRAM WITH OUTPUT


“ELSE IF” PROGRAM WITH OUTPUT

FUNCTION WITH NO ARGUMENTS BUT RETURN VALUES


EXAMPLE OF FOR LOOP WITH OUTPUT

EXAMPLE OF WHILE LOOP WITH SUM


EXAMPLE OF NESTED FOR LOOP

EXAMPLE OF BREAK WITH OUTPUT


EXAMPLE OF CONTINUE WITH OUTPUT

EXMAPLE OF MATH FUNCTION(CEIL,ROUND,FLOOR,MIN)


EXAMPLE OF MATH FUNCTION(CEIL,SQRT)

EXAMPLE OF MATH FUNCTION WITH OUTPUT


EXAMPLE OF WHILE LOOP

EXAMPLE OF WHILE LOOP WITH PRODUCT


SUM OF EVEN NUMBERS USING WHILE LOOP

SUM OF ODD NUMBERS USING WHILE LOOP


TO FIND THE SIMPLE INTEREST

TO PUT THE NUMBERS IN RANGE FORM


EXAMPLE OF “CONDITION” STATEMENT WITH OUTPUT

EXAMPLE OF FUNCTION WITH ARGUMENTS

You might also like