HTML & Video On Demand

Introduction 





Invented by Tim Berners-Lee at CERN, the European Laboratory for Particle Physics in Geneva for internet. Documents can be created using any text editor. e.g.-Vi on UNIX, Edit on Macintosh, Notepad on Windows. File saved as .html is a HTML document.

What is HTML ? Hyper Text Markup Language (HTML) is the language for specifying mainly the static content of Web pages and creation of web pages and other information viewable in a browser  hypertext

refers to the fact that Web pages are more than just text  can

contain multimedia, provide links for jumping within & without

 markup

refers to the fact that it works by augmenting text with special symbols (tags) that identify structure and content type

HTML Facts      

Web authoring software language. Is a language for describing web pages. Is not a programming language. Is a markup language. Uses mark up tags to define web pages. Is a language which runs on a computer that has a web browser installed in it.

Contents of a HTML document  





HTML document is constructed using HTML tags Certain tags are always part of a standard HTML document. Every HTML document should start with the tag and end with the tag which tells the browser that this is an HTML document. Each HTML document includes a head and a body. The head includes information about the document (possibly the title, author, date of creation, software used to create the document) and the body contains the content of the document. There are tags used to identify these sections:







these tags surround the head of the document and come first (before the body tags). these tags surround the content of the document. Within the title tags the document should contain a document title - this title is typically shown in the title bar of the browser window. Document titles should convey something useful about the content of the document.

Typical HTML document structure content goes here

Text in HTML 







Anything in the body of an HTML document, unless marked otherwise, is text You can make text italic by surrounding it with and tags You can make text boldface by surrounding it with and tags You can put headers in your document with

,

,

,

,

, or

tags (and the corresponding end tag,

through )  

is quite large;

is very small Each header goes on a line by itself

Whitespace 







Whitespace is any non-printing characters (space, tab, newline, and a few others) HTML treats all whitespace as word separators, and automatically flows text from one line to the next, depending on the width of the page To group text into paragraphs, with a blank line between paragraphs, enclose each paragraph in

and

tags To force HTML to use whitespace exactly as you wrote it, enclose your text in <pre> and tags (“pre” stands for “preformatted”)  

<pre> also uses a monospace font <pre> is handy for displaying programs

Lists 







Two of the kinds of lists in HTML are ordered,

to

, and unordered,

to

Ordered lists typically use numbers: 1, 2, 3, ... Unordered lists typically use bullets (•) The elements of a list (either kind) are surrounded by

and



Example: The four main food groups are:

• Sugar
• Chips
• Caffeine
• Chocolate

Links 

To link to another page, enclose the link text in to  Example: I'm taking Dr. Dave's CIT597 course this semester.  Link text will automatically be underlined

and blue (or purple if recently visited)



To link to another part of the same page,  



Insert a named anchor: References And link to it with: My references

To link to a named anchor from a different page, use My references

Images 



Images (pictures) are not part of an HTML page; the HTML just tells where to find the image To add an image to a page, use:

 The src attribute is required; the others are optional  Attributes may be in any order  The URL may refer to any .gif, .jpg, or .png file  Other graphic formats are not recognized  The alt attribute provides a text representation of the image if the actual image is not downloaded  The height and width attributes, if included, will improve the display as the page is being downloaded 



If height or width is incorrect, the image will be distorted

There is no end tag, because is not a container

Tables 

 

Tables are used to organize information in two dimensions (rows and columns) A contains one or more table rows, Each table row contains one or more table data cells,

, or table header cells,	   The difference between	and	cells is just formatting--text in	cells is boldface and centered Each table row should contain the same number of table cells To put borders around every cell, add the attribute border="1" to the start tag Example table Name Phone Dick 555-1234 Jane 555-2345 Sally 555-3456 More about tables  Tables, with or without borders, are excellent for arranging things in rows and columns    Tables can be nested within tables, to any (reasonable) depth   Wider borders can be set with border="n" Text in cells is less crowded if you add the attribute cellpadding="n" to the start tag This is very convenient but gets confusing Tables, rows, or individual cells may be set to any background color (with bgcolor="color")   Columns have to be colored one cell at a time You can also add bgcolor="color" to the start tag Creating an HTML file   Notepad or Wordpad (PC) or SimpleText (Mac) First tag:   Indicates that you are starting an HTML document Last tag: Indicates that you are ending an HTML document  *Note* the open & close structure to HTML   Save file as index.html This is a typical default title for home pages  Windows may seem to prefer .htm but .html will also work just fine.  Index.html Example Creating Text in HTML  Body Tags and  *Note* that all text that appears on the page must be encapsulated within the body tags   Text headings and  There are six defined heading sizes  (largest) through (smallest)   Paragraphs  and Text Example This is a big heading! This is a smaller heading This is an example of a paragraph. Text Example (cont.) This is a big heading! This is a smaller heading! This is an example of a paragraph. HTML Organization  Spacing  Spacing organizes your work!  Spacing makes your files easy to read!  Spacing makes no functional difference to your web browser  Comments  Comments are notes in your HTML file  Comments make no functional difference to your web browser  “” ends it Comments Example This is a big header! This is a smaller heading This is an example of a paragraph. Video On Demand     Refers to the practice of ordering videos as per customer likings. Service in which user will order on its demand which videos/movies the user wants to see. Being used by the new DTH companies coming over as a strategy to attract customers. Cable operators provide such service by providing a telephone no. and users can request any video. Video on Demand System Switch Fiber ATM or SONET Backbo ne Network Video Server Audio Server Local Spooling Server Local Distributi on Network Requirements for VoD      Need Video Servers Capable of storing and outputting a large number of movies simultaneously MPEG-4 new format for transmitting videos in digital picture quality. Storage Capacity is huge Video Server Software How To Get VoD ? Local Cable Operators  Rental Houses  Online Rental  DTH companies like Digital TV, Big TV, Dish TV.  THANKS Related Documents Html & Video On Demand December 2019 52 Video On Demand May 2020 8 Enhancing Bittorrent For Video On Demand May 2020 8 26.video Trong Html May 2020 7 Managing Demand & Capacity May 2020 16 On-premise To On-demand May 2020 16 More Documents from "" Bpr April 2020 31 Nature Of Im April 2020 19 Electronic Payment Systems April 2020 19 Seminar In Research Methodology April 2020 22 Iso December 2019 35 Tasks And Responsibilities Of Professional Manager May 2020 9 Copyright © 2024 PDFCOKE.