Scribd
Upload
2 views26 pages

HTML

Chapter 1 provides an overview of HTML and the World Wide Web, explaining the differences between the Internet and the WWW, as well as key terminology such as clients, servers, and web pages. It discusses the structure of HTML documents, including tags, attributes, and the importance of proper formatting for web pages. The chapter also covers how to create, validate, and publish HTML documents, along with examples of HTML elements and their usage.

Uploaded by

pratikhyapanigrahi9
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
2 views26 pages

HTML

Chapter 1 provides an overview of HTML and the World Wide Web, explaining the differences between the Internet and the WWW, as well as key terminology such as clients, servers, and web pages. It discusses the structure of HTML documents, including tags, attributes, and the importance of proper formatting for web pages. The chapter also covers how to create, validate, and publish HTML documents, along with examples of HTML elements and their usage.

Uploaded by

pratikhyapanigrahi9
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
CHAPTER 1 HTML (ww : World Wide Web a i > Affectionately called “The Web” > Itis a collection of information stored on the networked computers over the world. > The WWW was proposed in 1991 by Tim Berners-Lee in 1991. SGML : Standard Generalized Markup Language. A standard for_describing. markup languages DTD ocument Type Definition This is the formal specification of a markup language, written using SGML. ¢ WWW AND INTERNET: They are not the same things. > The Internet is a collection of computers or networking devices connected together. © They have communication between each other. * Decentralized design that there is no centralized body controls how the Internet functions. > The World Wide Web is a collection of documents that are interconnected by hyper- ks ¢ These documents are accessed by web browsers and provided by web servers. > The World Wide Web uses the http(Hyper Text Transfer Protocol). INTERNET TERMINOLOGY: > Client « Any computer on the network that requests services from another computer on the network. > Server + Any computer that receives requests from client computers, processes and sends the output. > Web Page * Any page that is ‘hosted on the Internet. > Web Development ¢ The process of creating, modifying web pages. HTML CLIENT): WEB BROWSER (WEB. oF ation from! itis a program that retrieves info! rom he ital, 0 ra, For Example, Internet Explorer, Netscape Navigat0", ~~ ee conqueror, etc. rowser. It provides four major WEB SERVER: on tis-a program that waits for requests from the je web functions. a> Rang gale id returning output, 2.> Running gateway programs 1s (CGI) ant 2-» Controlling access to the server 4-> Monitoring and logging all access For Example, Apache, PWS, IIS; Netscape Web server, - . HOW DOES THE WEB WORKS: > The web information is stored in the Web pages. ¢ In HTML format. > The web pages are stored in the computers. called Web servers. * Inthe Web server file system. > The computer reading the pages is called web clients with specific web browser. * Most commonly Internet Explorer or Netscape. a > The re server waits for the request from the web clients over. the Internet. Internet Information Server (IIS) or pares ) \MFTP(HYPERTEXT TRANSFER PROTOCOL): “— protocol used to access data on the WWW. > uses one TCP connection on well-known port 80. > two types of http messages: Request, Response > transfer data in the form of plain text, hypertext, pictures, audio, video, [Link] on.) @ — = ED — nse Client va Server Fig: Http request'and response model WHO DEFINES THE WEB STANDARDS: > The Web standards are not defi but the World Wide Web uc a Foe = by the browser companies or Microsoft, > The specifications form the Web Standards. « HTML, CSS, XML, XHTML, .. i HTML ~ 4.4 WHEN TO USE HTML : Your Web site can be a collection of pages, publications. and documents that [Link] your own Web server, of service provider's Web server. While these pages, publications yhd documents can be formatted in any single format or 8 variety of formats, you should ise HTML for your home page and all prim 1es_at the site. This will enable the millions of Web users to easily access and to take ‘advantage of your Web site. HTML should be the language you consider first for formatting any new materiat-you plan to publish on the Web. For new publications or documents, you should consider four things: ‘* The features you want to include. «The style of the document. «The format the material is currently in. sider when using HTML is the format your document are reader may be able to use, you as a hypertext reference on one Another thing you should con currently in. If the document is already in a form the should consider adding the document in its current formal of your HTML pages. 4.5 UNDERSTANDING HTML TAGS (or ELEMENTS) «WHAT IS A TAG: | ~ & ‘ags-are control text used-to denote various elements in an HTML document. The number of tags are increasing day by day\ The tags along with the contents of a web page are written using plain text editors. All'tags may not be recognised by all browsers.) NAME: oe (The element name consists of a letter followed by up to 72 letter, digits, periods, or hyphens. TAGNAMES ARE NOT CASE SENSITIVE. HTML tag consists of a left angle bracket(<), a tagname and a right angle bracket(>) . Start tags are delimited. by and end tags are delimited by (e.g. and ). The end tags looks like start tag except a slash (/) precedes the text within the brackets.). ATTRIBUTES: (Some elements may include attributes, which are the additional information that are luded le the starting tag ( si color). An attribute typically consists of an. attribute hame, an‘equal'sign and a valu: Wite space is allowed around the equal sign. The value of the attribute’ may be either défimited by single quotes or double quotes. For Example:

BPUT _Rourk , x — ‘ourk ela we — Tag Attribute Name [ Attribute Value | “Closing Tag HTML ‘ML TAG HIERARCHY: head body, ~L_ title paragraph paragraph | text text text HTML ELEMENTS: 1. HTML 2. HEAD- TITLE > Optional elements: "* BGSOUND * SCRIPT, NOSCRIPT * STYLE «LINK 4. BODY Element > BODY Attributes \ * BACKGROUND ‘ * BGCOLOR * TEXT (- «LINK, VLINK, ALINK ’ OnLoad, OnUnload, OnFocus, OnBlur (Event Handlers) 5. Elements inside BODY element Remaining all kinds of HTML elements AMPORTANCE OF THE TITLE: "> Appears inthe frame title of the browser. > Is used by a search engine. > Is used for book marks. BLOCK-LEVEL ELEMENTS: > Headings (H1, H2,.. . H6) > Basic Text Sections -P « PRE > Lists © OL e UL e ul « DL HTML > Frameset and Form > Miscllaneous tags « HRand BR * MULTICOL (Netscape only) HEADINGS: Headings are typically diSplayed in larger and/or bolder fonts than normal body text. HTML has six levels of headings. ©

The text is here

is the largest in size. «
...
is the smallestin size. ALIGN ATTRIBUTE: It has three values: LEFT (default), RIGHT, CENTER NESTING TAGS: Headings, and other block-level elements can contain text-level elements, but not vice versa ‘ 1.6 COMMENTS HTML supports single and multiple line comments that are not displayed within a browser window. Comments are denoted by a start value of . 4.7 ABOUT THE EXAMPLES IN THIS BOOK The directory structure in this book is organized in this format. All the html examples under 2912 directory, all audio and video files under Audio and video directories, all other files like doc, xls, text, ppt files under Files directory, all the pictures/animations are under pictures directory, style sheet under mystyle directory, Java Applets under JAVA directory, all java script examples under JavaScript, XML supported files in XML directory, and projects under Miniproject directory. “= ‘Audio 2 Video Files Pictures. mystyle Flash JAVA JavaScript XML. Pyyy yyy MiniProjects re the directory with 4.7.1. Where to type the HTML File age tie deskt6 First logon into the Windows, then you Gh nies your respective rollnumbers, in the C or ing procedures: . Open a NOTEPAD with the followinaessories > Notepad. 4) START > All Programs 2) START > RUN > Notepad. ow following html code as given % p. Then create t! After getting the notepad type the (0) Rex reret ver tee ae ¢by First html page modified on 1st January 2007 | IT|.E>Document Headings<(TITLE> |EAD> | ‘Samples of the six heading types:

Level-1 (H1)

Level-2 (H2)

Level-3 (H3)

- |

Level-4 (H4)

| Level-S (H5)S/HS> |
Level-6 (H6)
| SeTMe> Then save the file as [Link] under your respective rollnumber directory which is created earlier. (Take the help of Instructors for saving and running of HTML files) 1.7.2 The file name extension of HTML files (.html or .htm) This element tells your browser that the file contains HTML-co: i i extension .html also indicates this is an HTML document and pat Gols ue restricted to 8.3 filenames then use only .htm for your extension for e.g. arava ‘htm NOTE: HTML is not case sensitive. is equi J quivalent to — mkdir public_html lakshmi@linux:~> chmod a+x public_html ) 3. Access the web page through [Link] > If the filename is omitted, a system default filename is assumed (often [Link]) > Eg. http:/[Link]/ refers to the file [Link] in hall's public_html directory. HTML 4. Validate the Document > Check the syntax using a formal HTML validator * [Link] . * [Link] [Link]/tools/validator/ > “The version of HTML against which the document is validated is based on the DOCTYPE sIDOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.0 Transitional/eN"s i i b Pages include > The WWW Consortium Tecently added advice that Wel lade information on the character Set, even though ASCII or Latin-1 is the defauit, The validator at htt:/[Link]/ gives warnings if you omit this. You CaN ignore Such warnings if you wish. ET PURPOSE OF THE DIFFERENT TAGS ' Declares that the text that follows defines an HTML web Page, which can be viewed in web browser. Defines the header area of the page, which is not displayed withirr the page itself in the browser. rv The text between the Pair of Title tags is the title of the web page. It is being used by web indexing & Searching programs to name your web page. The pair of bod ly tag contains the actual Contents of the web Page which will be displayed in the browser \PRRAGRAPH

: CUniike documents in most word Processors, White space — significant. In fact, any amount of whit i 5, linefeeds, feturns — are automati ly compr Single spe is displayed in a browser he paragraph is coded as:

Welcome to the world of Web Designing. . . Hi Students, Tam Mr. K. Lakshmi Narayana alumni member of Jawharlal Nehi Technological University College of Engineering.

: + This is my first paragraph. In the source file there is a ling le break between the sentences. A line break and starts a new p; Web browser ignores this aragraph only when it encounters another

tag. 2 HTML - element text normally is shown in a mono spaced font. Typically displayey ina fixed-width font. : The strong element is used to emphasize a pericutaly Fea Section of text. Text using strong emphasis is normally set in . : The variable element is used to indicate a dummy variable name. Variables Le are normally viewed in an italic font. 1.11.2 PHYSICAL CHARACTER STYLES . 't is possible fo use physical formatting elements that will change the appearance of the text in browser. The physical elements are as follows: + Keb> Bold text a) 2 |sbig> Big text 3: |sem> Emphasized text 4. [si> Italic text & feu Underline text 6: |ssmall> Small text 7 |sstrong> Strong text & \ssub> Subscripted text 4:\xsup> Superscripted text = » | size, type and color of the text format e (Ceti Text Formatting

Formatting of a TEXT

is is Bold TEXT
This is Italic TEXT
“This is Underlined TEXT
This is Strike Through TEXT
- This is also
This is Big TEXT
This is even Bigger TEXT
This is Small TEXT
‘ This is even Smaller TEXT
"This is «SUP> Superscript TEXT «/SUP> .
a*a=a 2
This is Subscript
H2 +0 = H2Blinking TEXT Welcome | to <[Link] ‘ «var» Nist Nist Nist Nist
Nist Nist Nist Nist
Nist Nist Nist Nist
~
Nist Nist Nist Nist
Nist Nist Nist Nist
Nist Nist Nist Nist
1.12 ENC. CTERS Sometimes, you want to put special characters within a document such as copyright symbols, registered trademark symbol, angle brackets or Ampersand Symbol(&). To use ‘such characters in an HTML document they must escaped by using a special code. ASCII characters—the left angle bracket (<), the right angle bracket (>),.and the ampersand (&)— -have special meanings in HTML. To use one of the three’ characters in an HTML document, you must enter its escape sequence. Symbol_:i--:| Code Description is " For Quotation Mark. & & For Ampersand. > ; For Greater than. < Bit; For Less than. © © For Copyright symbol. ® ® For Registered trademark symbol.   For Non breaking space. % &fract4; © A fraction of one fourth. h &fract2 © A fraction of one half. NOTE: Unlike the rest of HTML, the escape sequences are case sensitive. You cannot, for instance, use < instead of ⁢ . oe ities File /titlex/head> nas ytd Thanl reds Narayanaénbsp:enbsp:énbsp:énibsp: K.
. -13_MAR LI emp ents and build oa Zpproach to adding new support for objects is to add He erect ia-lke tag that support to the browser for the object. MARQUEE is one ee WebTV supports the is fairly common on the Web. Internet Explorer as we! MARQUEE element. Marquee Attributes: HSPACE, VSPACE, HEIGHT, WIDTH irectis irectic i FT or RIGHT. This \s Direction: You can set the direction of the text by setting values LEI attribute is used to set the direction in which the scrolled text moves. The allowed values for this attribute are DOWN, LEFT, RIGHT and UP. 2. Behavior: This attribute can be set to ALTERNATE, SCROLL or SLIDE. 2§. Alternate: When the attribute is set to ALTERNATE, the text bounces across the scroll region. 2% Slide: When the attribute set to SLIDE, the text slides into position based on direction and Stays put once on screen. &B, Scroll: When the attribute set to SCROLL, the text scrolls into position based on direction in which the scrolled text moves. (Beret) Z- Loop: The loop attribute is used to [Link] number of times that the message loops in the ‘scroll region. By default, unless the BEHAVIOUR ‘is set to SLIDE, a marquee scrolls. forever. The value of the loop attribute is a positive number. Y. Scrollamount: Setting the SCROLLAMOUNT to a Particular number of pixels allows the smoothness of the scroll to be controlled. The value of the SCROLLAMOUNT attribute is set to the number of pixels between each drawing of the scrolled message in the displayed area. B Scrolidelay:.tt is used to set the number of milliseconds between each rendering of the Scrolled message. A higher value for this attribute slows the emo 2 for this attribute is 50 or greater. Scrolling. A reasonable value & wai os 7 HTML 136 DIV TAG is element indicates a block of document content, which should be treated as a logical unit, The DIV command encloses a text area or block of sections which can receive specific alignment parameters. Attributes: Align: LEFT, RIGHT AND CENTER. Seca Fic gorition A dre HTML pe) é[Link] chtml s All examples are running successfully ' « : cemarquée direction=right> \ NIST Center of Excellence, Kharaghpur, West Bengal. , semarquee height = 150 width=450 scrolldelay=100 direction=up>. sfont size=5 colorsnavy> NITCS «br> Gajapati Naganj Berhampur. » emarquee height = 200 width=200 scrolldelay=200 direction=down> .Welcome to NCE ,
Bhubaneswar + «marquee behavior=alternate> «font color=red size=4> From: Mr. K. Lakshmi Narayana - 4.45 DIFFERENT TYPES OF LIS’ Modem HTML has three basic forms of lists: Ordered lists(OL),unordered lists(UL) and definition lists(DL). 4.45.1 ORDER LISTS (OL) Ordering is typically rendered by a numbering scheme, using Arabic numbers, letters, or Roman numerical. List item in ordered and other lists are defined by using the list item element
  • _ which doesn't require an end tag. The OL element has basic attributes START and TYPE. The TYPE attribute of OL can be set to "a" for lowercase letters, "A" for uppercase letters, "i" for lowercase _roman_numerals, "I" for uppercase roman Qumerals, or 7 for regular numerals. The numeral 4 is the default value. Each
  • element may have a local type attribute set to “a”, “A’, ‘i’, “I” (capital |), or 1. Once an
    • element is set with a new type, it overrides the numbering style for the rest of the list, unless another LI sets the TYPE attribute. The OL element also has a START attribute that takes a numeric value to begin the list numbering. Whether the TYPE ‘attribute is a letter or a numeral, the START value must be a number. To start ordering from the letter "j" you would use Type="a" START="10" , because j is tenth letter. An LI element within an ordered list can override the current numbering with the VALUE attribute, which is also set to a numeric value. 19 HTML [Link] i chead>title> Order List Order List Formatting
    1. This should be, 10 ys)
    2. This should bé 11
    3. This should be 1 <4) >) ® di This should be 2 AX alin This should be 3
    4. This should be 24 Lb «li type="i" value=2> This should be ii
    5. This should be iii
    6. This should be iv

    Nested List Example

      Third Item of Outermost List
  • Fourth Item of Inner List
  • Fifth Item of Inner List
    • di Fourth Item of Outermost List di Fifth Item of Outermost List head>«title> Unordered List Formatting

    Use the Up and Down arrow to Navigate through the Whole Page.

    Unordered List Formattings/h3> Fourth Item © « Fifth Item «li type=circle>Sixth Item e ch3>Nested Unordered list cub
  • Supreme list °-
  • Supreme list ° . «lixSupreme list ° - cub
  • Super List a
    • Super List * Sub List * «| End of Sub List >
  • Supreme liste
  • Mega List *
    • Mega List * 2 HTML 1.15.3 DEFINITION LIST f ae definition term(Coded ay A definition list (Goded as ) usually consist of alternating Sa ) and a definition-definition(coded as) 1.15.4 LISTS WITH GRAPHIC MARKERS _ Instead of using the traditional markers, you can get any format and create a marker with it. In this case just corresponding to it, S hic image in the .gif or , val the image and the tex, ag «/[Link]| ~ chtmb : NIST is located in Palur Hills. Berhampur 3
    It offers all Engineering M.C.A and M.B.A courses
    Tt also offers a [Link] in ECE course... } It of fers Pharmacy courses : It also offers all Engineering courses. i my ~ ¢hi> Lists With Some Graphic Markers / £ | {> super List super List 21> SUB LIST ELEMENTS . 2 :
    sub List
    ximg src="\2912\pictures\[Link]" wi height=50> sub List 3 Tmer List Inner List | 3& db : - sub List ‘ sub List | 2eddb sit \& Super List | 22 HTML 4:16 FONT and BASEFONT With this tag, you. can individually change the SIZE, COI Ietters. There are seven possible font sizes, size three bei ese Ifyou wish to change the standard font size, use the following tags: ‘ cate Through FONT tag you can specify a font size by using the size parameter. €font size=5> It will changes the font size to 5. It will also changes the font size to 5 as it adds 2 to the standard size. FONT SIZES: © in most cases, the 7 font sizes corresponding to the point sizes in the following chart. FONT SIZE With respect to Points : 8 points. 10 points ‘42 points 14 points 18 points 24 points. 36 points NOORONS HEXADECIMAL COLOR TABLE FOR FONT: 16 *. Three channel with 8bit range (decimal 0... 255) gives you 255*255*255 = million different colours. + Not all browsers and monitors support the display of all colours. + The six-digit hexadecimal number (2 each for red, green and blue) with. different combinations presents colors value. Each colour value in the range 00-FF. (Color Red Green [Blue {darkgreen po. 64. po -| qua fo FF FF (darkkhaki BD B78 __| lack fo foo. po \darkmagenta Bbo 6B | blue foo (00 FF jarkolivegreen 65 B F blueviolet BA 2B (EZ - jarkorange FF eC 10 jbrown las. 2A \ jarkorchid B2 pe [chocolate 2-69 fe larkred BPO 0 koral FF. VF 50 (darkslateblue ke: Bo 8B lcomflowerblue 4 5 (ED arkslategra\ iF. AF F {corsilk FF Fe Dc arkviolet 400 3 an f joo FF FF leeppink F 4 3 jarkblue 10 10 1B lee} skyblue 10 FE F jarkcyan 0 B. iB imagraly - 9 9 9 farkgoldenrod ip8__—(B6 (0B hostwhite FS 8 FF. Markgray lag JAS old FF 7 — 0 nr a d FF po fet brown BC BF er Iau Mi 69 1 ilver co a 0 kyl 8 ok patearay FF_ FAFA iumblue 10. 0 D \ediumorchid BA 55 D3 | Medumpure e370 DB ie lateblue 7B 68 EE Imediumspringgreen (00 FA BA Imidnightblue fig i19 [ro alegreen be |FB be levioletred DB. 70 3 ink _FF__co__B owderblue Eo 6 wurple 0 nA How HTML \FONT FACE: FACE attributes takes as its value a set of font names, surrounded by quotes and separated by commas. When a browser that supports FACE interprets a page width FACE in it. It will search the system for the given font names one at a time. If it can’t find the first one, it will try the second, and then third, and so on, until it finds a font that is actually installed on the system. If it carinot find any of the listed fonts, the default font will be used instead. For example, the following text would be rendered in Comic Sans MS. If it is not available, the browser will try IMPACT, if it is not available, the browser will try Times New Roman. sfont face="comic sans ms","impact","times new roman">bput BACKGROUND COLOR: By default browsers display text in black on a gray background. However, you can change both elements if you want. Some HTML authors select a background color and coordinate it with achange in the color of the text. ‘[Link] sf Hello how are
    I am ‘ « Fine yar. = " Welcome to NIST Berhampur i ORISSA
    It’s from Mr. K. L. Narayana « 4.17 MARGINS OF THE WEB PAGE Changing the margins of a web page allows you to adjust the amount of space that appears between the contents of the page and the edges of web browser window. By default, most web browsers display web page margins of approximately 10 pixels. In__ Internet Explorer, LEFTMARGIN, RIGHTMARGIN, TOPMARGIN = and BOTTOMMARGIN attributes allow with BODY tag to change the margins. In Netscape Navigator, MARGINWIDTH attribute is set to change the LEFT and RIGHT: margins, and the MARGINHEIGHT attribute is set to change TOP and BOTTOM margins. [Link]! — Why learn JavaScript? a" HTML fon BR this Paragraph is aligned as a J USTIFY. baby, freedom!" With htm, The first few words that come to mind are: "Freedom ah " es. This, in today's you are restricted to creating static, non interactive we parte that. Tmagine | internet standards, is unacceptable. With TavaScript, you te what you put on your. being able to break free and allow your creativity to dictate ig, JavaScript can be webpage, instead of the other way round, And the best part is, learned by anyone-yes, I said anyone! The difference between Java and JavaScript? Center aligned Paragraph. 1.18 LINKS OR HYPER TEXT LINKS . The chief power of HTML comes from its ability to link text and/or an image to another document or section of a document. A browser highlights the identified text or image with color and/or underlines to indicate that it is a hypertext link (often shortened to hyperlink or just link). — ™ — HTML's single _hypertext-related tag is ‘SA>, which stands for anchor. To include an anchor in your document: ane 1. start the anchor with ) 3. enter the text that will serve as the hypertext link in the current document 4. enter the ending anchor tag: (no space is needed re before the end anchor tag) The Web page main attraction is the ability to create documents with the. hypertext concept, that is a d it which links to other documents through i tions “called hyperlinks. "nar ough special connections ANCHOR TAG: The most common way to define hypertinS15 with the anchor element The element's content specifies a document's "hot Spot" for ; HTML Example12.html_ (SAMPLE E-BOOK) ithin the Same page«/titlex/head> chtmbchead>ctitle> Links Example wi shr size=10 color=green> ; ell Programmi Here some inporet topics are available regarding the ¢, G++ and Sh oar arity Languages Courses offering at NIST, Berhampur. blue> [Link] «/a> lu nist. ce="comic sans ms" size=4> C Programming Object Oriented Programming Using
    — C+#     C Programming History of C
    -Dennis Ritchie inherited the features of B and BCPL, added with some other features developed C. C was developed in the year 1972 by Dennis Ritchie at AT & T Bell Laboratory, Murray Hill, New Jersey, U.S.A. By the mid 1980's the popularity of C had become widespread. Numerous C compilers and interpreters had been written for computers of all sizes and many commercial application programs had been developed, * <1 Add one small C Progra which contain 10 to 15 lines >
    Home Page of [Link]

    Object Oriented Programming Overview of Object oriented Programming The object-oriented paradigm is built on the foundation laid by the structured programming. concepts and data abstraction. The basic idea ret object-oriented language is to combine into a single unit, both the data and the functions that operate on the data. Such a unit is called an object Ye ° a esS the data directly. The data is hidden, so it is safe from accidental ee Data 28 = HTML. and its functions are encapsulated into a si i: i : ingle entity. A C++ program typical consists of a number of objects which communicate with each othertby vale one another's member functions, a » ebrx
    chr size=7 width=30% color=gold align=right> «div align=right > Home Page of [Link] chr'size=7 width=30% color=gold align=right>

    UNIX Shell Scripting Shell The shell is an interface between the user and the operating system. The commands that you type to the system are processed by a program called the "shell". The shell reads your command, and then calls a program to execute it. When we execute: commands at the shell prompt they are executed in the shell that was invoked when we logged in. The shell can't do very much on its own. But it is an expert at coordinating other programs.
    ebro

    chr size=7 width=30% color=gold align=right>

    1.18.2 Linking to outside Pages by Using Hypertext [Link] cob
  • » Object Oriented Programming.
    • Greetings to My Students. eli> Gopalpur Beach Festival. 2912\files\[Link]" > Complete Note on HTML, ‘[Link] [Link]'> A visit to Hot Mail " color=grey> Please connect your PC to Internet 29 _ a visit to visit to lakshmieg i l 1.18.3 Links between the sections of different Documents Suppose you want to set a link for one html page (i.€. [Link]) to a speci section in another html page (e.e. [Link]!’s part), then the coding is like beloy Object Oriented Programming- Think of the characters after the hash (#) mark as a tab within the [Link] fie This tab tells your browser what should be displayed at the top of the window when th - link is activated. In other words, the first line in your browser window should be the Objer . Oriented Programming. Next, create the named anchor (in this example "part2') i [Link]. [Link] C Programming. Shell Programming. . [Link] NIST Main Bulding. ""\2912\pictures\taj. jpg" titles"TAT Mahal" > TAT Mahal. "\2912\files\[Link]" Tabindex=5> Object Oriented Programming. e "\2912\pictures\[Link]" Tabindex=3 title="Happy New Year” Indian National Bird do HTML 4.18.4 Change the colours of Links You change the color of text, links, visited links, and active links (lit being clicked on) using further attributes of the tag. ean For example: This creates a window with a black background (BGCOLOR), white text (TEXT). The link, viink and alink attributes allow you to change the colours of links on your aS Use the LINK attribute to change the colour of links that user have selected and the VLINK attribute to change the colour of links that users have previously selected, and the ALINK attribute lets you change the colour of active links. An active link is a link that a User is currently selecting. [Link] 3 . Links with title and COLORS(alink, viink & link) «loa href="\2912\pictures\birthday. jpg’ title="Happy Birthday to You"> Greetings. Object Oriented Programming. «> Dancing Ganesh «l> OCTAGON. div Author's Photo. tag to create key! to select links without using a mouse. When creating Keyboard shortcut allow users a keyboard shortcut for a link, specify the letter or number you want to use for the shortcut. To select a link using a keyboard shortcut, a user will hold down the ALT key while pressing the letter or number you specified. «ZA tere hems ila Wish U have a Good Luck for your

    Message From Mr. Lakshmi Narayana K.
    « to submit the Web Designing Project
    individually or with groups. . . .
    * href=" [Link]'> Feedback /html> IMAGE ATTRIBUTES: ALT: . The ALT(Alternate Text for Images) attribute can be used to provide text labels that are displayed in the status line when the pointer passes over the hot spot. The ALT attribute lets you specify text to be displayed instead of an image. HREF: Defines the destination of the link. ID: TARGET, TITLE, TABINDEX. 1.19.2 INLINE IMAGES The inclusion of images in web pages information. The HTML tag used to insert an image in the current specified is: adds a new dimensions to the distribution of position where it is It' e close to text, you may specify the alignment of the image in relation n attribute you can align the text at the BOTTOM, default alignment. Width and height are to set the image dimensions. ALT tag is used to display the message when you place the mouse pointer on the IMAGE. Border is used to add a border to the image. HSPACE and VSPACE are for horizontal and vertical surrounding four sides of the image. If you place an imagi to the text around it. Through the aligi MIDDLE or TOP. Where Bottom is the HTML [Link]! ch3-It's a Simple Image without any Parameters. We Earth

    Image with HSPACE and VSPACE

    Sant ealrsred size=4> GIf Picture of Lord Sri Ganesh fons a corodhing Image with width height and ALT Attributes Z a Beach Festival « Beach Festival

    Image with Attributes Align at TOP

    : ahel Taj Mahal
    Image with Attributes Align at MIDDLE and Border Mr. Lakshy Narayana K.

    Image with Attributes Align at BOTTOM and Border

    : Wish U a Happy New YearGreetings /html> 1.19.3 Wrap text around an image The image attribute allows you to wrap text around an image. Wen wrapping text aroun an image, use the left or right value to specify how you want the text to wrap around th image. The left placed the image on the left side of the text and the right value places th [Link] the right side of the text. [Link] «body LEFTMARGIN=100 RIGHTMARGIN=100>

    It's a Simple Image without any Parameters.

    Natuional Institute of Science and Technology. It is located at Palur Hills, It of fe the Engineering courses,M.C.A, [Link] and M.B.A courses. All the [Link] and M. Students with a group of two members are to submit their respective Web Design Project work during their Second Semester as part of their course, /HTML> HTML [Link] chtmb Image Alignments ¢h2> In this position the image is at left side with the text following around it on the right.


    In this position the image is at right side with the text following around it on the left.




    In this position the image runs into the paragraph and the line containing the image is alligned with the image top. < In this position [Link] paragraph and the line containing the image-is alligned with the image bottom. 6 L 1.20 TAI In HTML a table, ......
    contains one or more rows, .... Each row contains cell HEADING, .... or DATA ..... ‘The closing Tags for ,, and are optional The Table may have a caption enclosed within...., whose contents are generally rendered above the table indicating what the table contains. TABLE ATTRIBUTES: BORDER: Which is used to specify the number of pixels tothe border of the-table. When-you add border to a table using the BORDER attribute, the border automatically appears round the outside of the table and between each cell. Use the Frame and Rules attributes to display only some table borders. The FRAME attribute lets us to specify which external border we want to display. Attributes: void, above, below, rhs, Ihs, hsides, vsides, border (default). * The RULES attribute lets us to specify which internal border we want to display. Attributes: none, cols, rows, groups, all (default).

    You might also like