Subscribe My Channel
Youtube Channel
INTERNET PROGRAMMING
1
What is internet?
The Internet is a global system of interconnected computer
networks that use the standard Internet protocol suite (TCP/IP) to serve
billions of users worldwide
HTML LESSON:2
What is HTML?
HTML is a language for describing
web pages.
- HTML stands for Hyper Text Markup Language
- HTML is a markup language
- A markup language is a set of markup tags
- The tags describes document content
- HTML documents contain HTML tags and
plain text
- HTML documents are also called web pages
Essential HTML Tags
Definition -
This basically defines the document as web page. It also
identifies the beginning and end of the HTML document. All other tags must fall
between the html tags.
Header -
The header contains information about the document that will
not appear on the actual page, such as the title of the document, the author,
which stylesheet
to use and also meta tags.
Title -
The title tag defines the title that will appear in the title bar of
your web browser. The title must appear between the head tags.
Body -
Eg:
this is everything that goes in the document!
ADDING IMAGES IN HTML
HTML
Images - The ![]()
Tag and the Src Attribute
In HTML, images are defined with the
![]()
tag.
The ![]()
tag is empty,
which means that it contains attributes only, and has no closing tag.
To display an image on a page, you
need to use the src attribute. Src stands for "source". The value of
the src attribute is the URL of the image you want to display.
Syntax for defining an image:
The URL points to the location where
the image is stored. An image named "boat.gif", located in the
"images" directory on "www.w3schools.com" has the URL:
http://www.w3schools.com/images/boat.gif.
The browser displays the image where
the ![]()
tag occurs in the document. If you put an image tag between two
paragraphs, the browser shows the first paragraph, then the image, and then the
second paragraph.
Color on a webpage
Bgcolor:The bgcolor
attribute is used to set the background color of an HTML element. Bgcolor
is one of those attributes that has become deprecated with the implementation
of Cascading Style Sheets (see CSS
Backgrounds).
EXAMPLE
This is my very first webpage, aint i clever?
BACKGROUND ON WEBPAGE
To add a background image to your web page, just add the
following code right after your ending
tag.Just change the your background image name.gif with the actual image you want.
HTML Lists
Three types
1.HTML
Unordered Lists
An unordered list starts with the
- tag. Each list item starts with the
- tag.
The list items are marked with
bullets (typically small black circles).
- Coffee
- Milk
How the HTML code above looks in a
browser:
- Coffee
- Milk
2.HTML
Ordered Lists
An ordered list starts with the
- tag. Each list item starts with the
- tag.
The list items are marked with
numbers.
- Coffee
- Milk
How the HTML code above looks in a
browser:
- Coffee
- Milk
3.HTML
Definition Lists
A definition list is a list of
items, with a description of each item.
The
- tag defines a
definition list.
The
- tag is used in
conjunction with
- (defines the item in the list) and
-
(describes the item in the list):
- Coffee
- - black hot drink
- Milk
- - white cold drink
HTML
List Tags
|
Tag
|
Description
|
|
Defines an ordered list
|
|
|
Defines an unordered list
|
|
|
Defines a list item
|
|
|
Defines a definition list
|
|
|
Defines an item in a definition
list
|
|
|
Defines a description of an item
in a definition list
|
LINKING TO EXTERNAL
DOCUMENT
HTML Hyperlinks (Links)
A hyperlink (or link) is a word, group of words, or image that you can
click on to jump to another document.
HTML Link Syntax
Example
CREATING
TABLE
Tables are defined with the tag.A table is divided into rows (with the tag), and each row is divided into data cells (with the tag). td stands for "table data," and holds the content of a data cell. A tag can contain text, links, images, lists, forms, other tables, etc.
HTML
Table Tags
|
Tag
|
Description
|
|
|
Defines a table
|
||
|
Defines a header cell in a table
|
||
|
Defines a row in a table
|
||
|
Defines a cell in a table
|
||
|
Defines a table caption
|
||
|
Specifies a group of one or more
columns in a table for formatting
|
||
|
Specifies column properties for
each column within a | ||
|
Groups the header content in a
table
|
||
|
Groups the body content in a table
|
||
|
Groups the footer content in a
table
|
Example
A simple HTML table, containing two
columns and two rows:
| Month | Savings |
|---|---|
| January | $100 |
Attributes
|
Attribute
|
Value
|
Description
|
|
left
center right |
Not supported in HTML5. Deprecated
in HTML 4.01. Specifies the alignment of a table according to surrounding
text
|
|
|
rgb(x,x,x)
#xxxxxx colorname |
Not supported in HTML5. Deprecated
in HTML 4.01. Specifies the background color for a table
|
|
|
1
"" |
Specifies whether the table cells
should have borders or not
|
|
|
pixels
|
Not supported in HTML5. Specifies
the space between the cell wall and the cell content
|
|
|
pixels
|
Not supported in HTML5. Specifies
the space between cells
|
|
|
void
above below hsides lhs rhs vsides box border |
Not supported in HTML5. Specifies
which parts of the outside borders that should be visible
|
|
|
none
groups rows cols all |
Not supported in HTML5. Specifies
which parts of the inside borders that should be visible
|
|
|
text
|
Not supported in HTML5. Specifies
a summary of the content of a table
|
|
|
pixels
% |
Not supported in HTML5. Specifies
the width of a table
|
FRAMES
The tag defines one particular window (frame) within a
.Each in a can have different attributes, such as border, scrolling, the ability to resize, etc.
Example
A simple three-framed page:
frameset
The tag defines a frameset.The element holds one or more elements. Each element can hold a separate document.
The element specifies HOW MANY columns or rows there will be in the frameset, and HOW MUCH percentage/pixels of space will occupy each of them.
Example
A simple three-framed page:
The
The
