Scribd
Upload
6 views3 pages

HTML Reviewer

The document provides an overview of HTML, detailing its structure, elements, and attributes essential for web page creation. It explains the significance of tags, including opening and closing tags, and highlights various formatting tags for text. Additionally, it covers multimedia embedding, list types, and table elements, along with their respective attributes.

Uploaded by

Paper Card
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
6 views3 pages

HTML Reviewer

The document provides an overview of HTML, detailing its structure, elements, and attributes essential for web page creation. It explains the significance of tags, including opening and closing tags, and highlights various formatting tags for text. Additionally, it covers multimedia embedding, list types, and table elements, along with their respective attributes.

Uploaded by

Paper Card
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/ 3

ITE 399 Lab reviewer P1

HTML (HYPERTEXT MARKUP LANGUAGE) - is the code that is used to structure a web page and its content.

- markup language that defines the structure of your content.


- consists of a series of elements, which you use to enclose, or wrap, different
parts of the content to make it appear a certain way, or act a certain way.

The main parts of our element are as follows:

1. The opening tag: This consists of the name of the element (in this case, p), wrapped in opening and closing angle
brackets. This states where the element begins or starts to take effect — in this case where the paragraph
begins.
2. The closing tag: This is the same as the opening tag, except that it includes a forward slash before the element
name. This states where the element ends — in this case where the paragraph ends. Failing to add a closing tag
is one of the standard beginner errors and can lead to strange results.
3. The content: This is the content of the element, which in this case, is just text.
4. The element: The opening tag, the closing tag, and the content together comprise the element.

Attributes - contain extra information about the element that you don't want to appear in the actual content.

An attribute should always have the following:

1. A space between it and the element name


2. The attribute name followed by an equal sign.
3. The attribute value wrapped by opening and closing quotation marks.

<!DOCTYPE html> - needed to make sure your document behaves correctly.

-declaration defines that this document is an HTML5 document

<html></html> - wraps all the content on the entire page and is sometimes known as the root element.

<head></head> - acts as a container for all the stuff you want to include on the HTML page. Includes things like
keywords and a page description that you want to appear in search results.

<meta charset="utf-8"> - sets the character set your document should use to UTF-8

<meta name="viewport" content="width=device-width"> - element ensures the page renders at the width of viewport,

-preventing mobile browsers from rendering pages wider

than the viewport and then shrinking them down.

<title></title> - sets the title of your page, is also used to describe the page when you bookmark/favorite it.

<body></body> - contains all the content that you want to show to web users

HTML Text formatting two categories:

Physical tag: These tags used to provide the visual appearance to the text.

Logical tag: These tags used to add some logical or semantic value to the text.

1) Bold Text 11) Larger Text


2) Italic Text 12) Smaller Text
3) HTML Marked Formatting
4) Underlined Text
5) Strike Text
6) Monospaced Font
7) Superscript Text
8) Subscript Text
9) Deleted Text
10) Inserted Text
ITE 399 Lab reviewer P1

ELEMENT NAME DESCRIPTION – key word in video lab


Bold <b> This is a physical tag, which is used to bold the text written between it.
Important <strong> This is a logical tag, which tells the browser that the text is important.
Italic <i> This is a physical tag which is used to make text italic.
Emphasized <em> This is a logical tag which is used to display content in italic.
Marked<mark> This tag is used to highlight text.
<u> This tag is used to underline text written between it.
<tt> This tag is used to appear a text in teletype. (Not supported in HTML5)
<strike> This tag is used to draw a strikethrough on a section of text. (Not supported in HTML5)
Superscript <sup> It displays the content slightly above the normal line.
Subscript <sub> It displays the content slightly below the normal line.
Deleted <del> This tag is used to display the deleted content.
Inserted <ins> This tag displays the content which is added.
<big> This tag is used to increase the font size by one conventional unit.
Smaller <small> This tag is used to decrease the font size by one unit from base font size.

Marquee <marquee> - tag defines a scrolling text area in the HTML document that moves across the page in a
horizontal or vertical direction. (Not supported in HTML5)

Multimedia <embed> - causes the browser itself to include controls for the multimedia automatically provided browser
supports <embed> tag and given media type.

<noembed> - display a single JPG image if browser does not support <embed> tag.

The <marquee> Tag Attributes

Sr.No Attribute and Description


1 width - This specifies the width of the marquee. This can be a value like 10 or 20% etc.
2 height - This specifies the height of the marquee. This can be a value like 10 or 20% etc.
3 direction - This specifies the direction in which marquee should scroll. This can be a value like up, down, left or
right.
4 behavior - This specifies the type of scrolling of the marquee. This can have a value like scroll, slide and
alternate.
5 scrolldelay - This specifies how long to delay between each jump. This will have a value like 10 etc.
6 scrollamount - This specifies the speed of marquee text. This can have a value like 10 etc.
7 loop - This specifies how many times to loop. The default value is INFINITE, which means that the marquee
loops endlessly.
8 bgcolor - This specifies background color in terms of color name or color hex value.
9 hspace - This specifies horizontal space around the marquee. This can be a value like 10 or 20% etc.
10 vspace - This specifies vertical space around the marquee. This can be a value like 10 or 20% etc.

The <embed> Tag attributes

Sr.No Attribute and Description


1 align - Determines how to align the object. It can be set to either center, left or right.
2 autostart - This boolean attribute indicates if the media should start automatically. You can set it either true or
false.
3 loop - Specifies if the sound should be played continuously (set loop to true), a certain number of times (a
positive value) or not at all (false)
4 playcount - Specifies the number of times to play the sound. This is alternate option for loop if you are using IE.
5 hidden - Specifies if the multimedia object should be shown on the page. A false value means no and true
values means yes.
6 width - Width of the object in pixels
7 height - Height of the object in pixels
8 name - A name used to reference the object.
9 src - URL of the object to be embedded.
10 volume - Controls volume of the sound. Can be from 0 (off) to 100 (full volume).
ITE 399 Lab reviewer P1
Supported Video Types

 .swf files - are the file types created by Macromedia's Flash program.
 .wmv files − are Microsoft's Window's Media Video file types.
 .mov files − are Apple's Quick Time Movie format.
 .mpeg files − are movie files created by the Moving Pictures Expert Group.

LABORATORY VIDEOS NOTES!!

(<!--)(-->) – opening and close of a comment.

<br> - used to break line. Ex. <p>hello world <br></p>

<source> - Indicates files for the browser to choose from

Types of lists:

<li> - list item element, attributes

<ul> - unordered list element

<ol> - ordered list element

<li value = “n”> - tells the list where to start

<table> - is the root or parent to create a table

<tr> -table row element indicates a table row

<th> - table heading indicates table cell headings

<td> - table data element indicates a table cell content

Table attributes

colspan – specifies the column span of the cell

rowspan – specifies the row span of the cell

<caption></caption>

<thead> - groups the header content in a table

<tbody> - groups the body content in a table

You might also like