Scribd
Upload
9 views

Notes in Tle

The document discusses various HTML tags used to structure and format content on web pages including table tags, list tags, link tags, frame tags, and media embedding tags.

Uploaded by

isaac.kristinee
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
9 views

Notes in Tle

The document discusses various HTML tags used to structure and format content on web pages including table tags, list tags, link tags, frame tags, and media embedding tags.

Uploaded by

isaac.kristinee
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

o

-
<table> </table
tag that defines an HTML Table

<tr> </tr>
tag that defines a row in an HTML table.
A <tr> element contains one or more <td> elements.

<td> </td>
tag that defines a standard data cell in an HTML table.
The text in <td> elements are regular and left-aligned by
default.

<th> </th>
replaces the <td> tag, which is used to represent the
actual data cell.

< table border= “(value)”>


attribute of tag and it is used to put a border across all the
cells. If you do not need a border, then you can use
border="0".

< table rowspan/colspan = “(number/value)”>


Sets the number of rows/columns a cell should span.

<table cell padding = “(number value)”>


space between the cell edges and the cell content.
By default, the padding is set to 0.
<table cell spacing= “(number value)”>
space between each cell.
By default, the space is set to 2 pixels.

<table bgcolor= “(color)”>


sets the background color for the whole table or just for
one cell.

<table background = “(image)”>


sets background image for the whole table or just for one
cell.

<table bordercolor= “(color)”>


Sets the border-color
o
-
List Item Attribute
<li> </li>
Include the item in the list, coded after the attribute
<ul> or <ol>

Unordered List
<ul> </ul>
a collection of related items that have no special order
or sequence.

This will list items using plain bullets.

• <ul type = “disc”>


Sets the list item marker to a bullet (default)

o <ul type= “circle”>


Sets the list item marker to a circle.

▪ <ul type=”square”>
Sets the list item marker to a square
Ordered List
<ol> </ol>
An ordered list.
This will use different schemes of numbers to list your items.

1. <ol type = “1”>


Default-Case Numerals.

I. <ol type = “I”>


Upper-Case Numerals

i. <ol type =”i”>


Lower-Case Numerals.

a. <ol type= “a”>


Lower-Case Letters.

A. <ol type= “A”>


Upper-Case Letters.
o
-
<a> </a>
A link is specified using this HTML tag.
This tag is called an anchor tag.
Anything between the opening tag and the closing tag
becomes part of the link and a user can click that part
to reach the linked document.

Hyperlink Attribute
<href>
Specifies the URL of the page the link goes to

Target Attribute
This attribute is used to specify the location where the
linked document is opened.

<a href= “(file name)” target= “_blank” >


Opens the linked document in a new window or tab.

< a href= “(file name)” target= “_self”>


Opens the linked document in the same frame.

<a href= “(file name)” target= “_parent”>


Opens the linked document in the parent frame.
-
o used to divide the web browser window into multiple
sections where each section can be loaded separately.
o To use frames on a page we use the tag <frameset”>
instead of the tag <body

o Frameset Attributes
<frameset> </frameset>
collection of frames in the browser window

<frameset rows/cols =”(number/value)”>


used to create horizontal/vertical frames in web browsers.
defines the number of columns and their size inside the
frameset tag.

The size or width of the column and row is set in the


frameset in the following ways:

Use percentage value.


E.g. <frameset cols/rows = "30%, 40%, 30%">

Use asterisk.
E.g. <frameset cols/rows = "30%, *, 30%">
This will take the remaining percentage for creating a
vertical frame.

<frameset border= “(value/number)”>


defines the width of the border of each frame in pixels.
Zero value is used for no border.
- Frame Attribute

<frame>
For content/data
Defines how to divide the window into frames.

<frame name = “(name of file)”>


used to give names to the frame.

<frame src= “(name of file)”>


define the source file that should be loaded into the
frame.

The value of src can be any URL.

<frameborder>
This specifies whether or not the borders of that frame are
shown;
values either 1 (yes) or 0 (no).

<noresize>
By default, you can resize any frame by clicking and
dragging on the borders of a frame. This attribute do not
allow adjustments.
- Inline Frame Attributes
The <iframe> tag defines a rectangular region within the
document in which the browser can display a separate
document, including scrollbars and borders.

<iframe src>
Attribute that is used to specify the URL of the document
that occupies the IFrame.

- Video and Audio Tag


Video coding structure
- The width and height attribute sets the dimensions of the
video
- The “controls” attribute allows the user to control the video,
such as playing them, pausing, or adjusting the volume
- Additionally, “autoplay” will autoplay the video the moment
the user loads the webpage.
- The format for the value of the attribute type is:
type=”video/[file_type]”

Audio coding structure

- The “controls” attribute allows the user to control the


audio, such as playing them, pausing, or adjusting the
volume
- Additionally, “autoplay” will autoplay the video the
moment the user loads the webpage.
- The format for the value of the attribute type is:
type=”audio/[file_type]

You might also like