0% found this document useful (0 votes)
13 views

Basic of HTML

Uploaded by

priya
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
0% found this document useful (0 votes)
13 views

Basic of HTML

Uploaded by

priya
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
You are on page 1/ 6
BASIC OF HTML & ADVANCE HTML joenet Environmen, Networking and Internet Environment 32 aa a ° srs-Lee while at CERN, > Ta ning ws mig hl in ‘Tanguage a set of markup tags and HTML uses markup tags SSN ache rst ay os pan So we aul sign he conte and area where it should be displayed. —— Muaup ngs inate gs HTL uns mark ast sie web a Muay lng is ierntg language deed t efi 8 tnt int sear ee enft carntve markup iio the rv ex Mata m wht io cn ther, Tey mask ane cartnin peo ie Gis a ak urge i fea ngage shu ts on cde wards he a ther lnps Date aun Taso nagar HTML downto pinto fe hat a bo std wing ay txt ier eg NOTEPAD or Won) TL doses er fos gle eat domo See the ile HIME eet loa os Wee foe cans heat HTML inthe only way to present information on the Web, but its the glue that hol everthing together. In addition to being a markip language for displaying text, ners ad mulkinei, HTML provides introns to Web browsers in order fo con fee ment reviewed and how they relat to each other. For all its simplicity, HTML oy ‘very powerful language. cae ‘An HTML a Aeplayed. Moat HTML tage have two part: an open i tnd dig tt, to show where he pce xk onde Ce tf txt being ‘laah) just after the < symbol Ong Mags start with a forward > HTML Advantages : apy to use {Loose syntax (although, being to exible wil not com Supported on almost every browser, int all rower Widely used; ‘Very similar to XML syntax, which is, Free - You need not buy any softwere Easy to learn & code even for ABTML page could be read # 18 « coded command used to indicate how part of a Web page should be Ply with standards) ( © scanned with OKEN Scanner of HTML and Advance HTML ° on a. | + Network link: We can intograte local elements into a personal web page orto remote ssurfere and elements which we intogrates address (URL). | ‘+ Hypertext permits to manage different information without have to store them locally. > HTML Disadvantagés : ‘+ Its distributed structure (external links) makes storage difficult; it’s easy to loose or {forget an element without realizing it. ‘The web pages storage is done on several file ‘The web page designed possibilities are limited and not easy to realize (eg. frames). Tt cannot produce dynamic output alone, since itis a static language Sometimes, the structuring of HTML documents is hard to grasp ‘You have to keep up with deprecated tags, and make sure not to use them ‘+ Deprecated tags appear because another language that works with HTML has replaced the original work of the tag; thus the other language needs to be learned (most of the time, itis CSS) ‘+ Seourity features offered by HTML are limited Anonymous > HTML Document: Every HTML document you ereate should include two seetions: + The head: Provides information about the document and will appear in the browser ‘window's title bar. + The body: Contains the Web document that browser displays in ita window. 3.2BASIC ELEMENTS TAGS. ‘The following are essential elements that are needed to create a Web page > HTML: ‘This element tells your browser that the file contains HTML-coded information, The file extension html or simply htm also indicates that an HTML document. he rest of the document should be placed here, > HEAD: ‘The head element identifies the fist part of your HTML-coded document that contains the Special Part called it "TITLE*, The title is shown as part of your browser's window > TITLE: ‘The title element contains your document title and identifies its content in a global context. ‘The title is typically displayed in tho title bar at the top of the browser window, but not inside the window iteel. “ Introduction to MIME </2ITLE> <p> > BODY: ‘The second-andglargest-part of your HTML document is the body, which contains the content of your document (Aisplayed within the text area of your browser window). The tags explained below are used within the body of your HTML document. => @ scanned with OKEN Scanner d > Attributes: an ‘his changes the etmorking and rntcenet Environment ne rest of the document included he: ae Syne ter er Stee cies ei ft se Me eae SENET tee coe background color of your page. You can set replace color above with a color name. Thy ‘usually gray or white. he browser will display on your page, lace eolor above with a color #'BGCOLOR="color name" this to any color you would like to use, Just fnfalt setting varies with your browser, but 4 TEXT="colo': This changes the default text coor tl You can set this to any color you would like to se. Just rep ame, The default setting for text color is blac. «+ LINK=*olor This changes the color ofall of the non-visited links om your page. You cane thie to any color you would Like to use. Just replace color above with a coor Sime, The default setting for-a non-visitd link i usually blue. [ALINK='coloe This changes the color of an active link on your page, which isa link that has jut been clicked on by a user's mouse. You can set this to any color you would like to use, Just replace olor above witha color name. + VLINK~eolor" This changes the color ofa visited link on yolur page. You can set this to any color you would like to use. Just replace color above witha color name. The default Setting fora visited Kink is usualy violet. + BACKGROUND-"image name" Ths adds s background image to your page. Ifyou use this attribute, the background image will take the place of any background color you ‘may have specified. If you don't use a background image, the browser will use your background colar or its default background color. he Basi Structure pen up Notopad om windoway lishing wart>> asesris >> Notepad & then ype ia ach on of hoe things clled a a. Th re tring agai a sin lig igus add af th ating tgbut ser Dut fatal tage hanes ckeins a ve losing tag ‘Think of tags as talking to the brows better. just told the browser is this (HHTML>) in the start of @ HIM teen ey ae (</HTML>) is the end of a HTML document’. Now Socument abd kis {Ti he et ‘We need to put some information — “tans Saat </a> @ scanned with OKEN Scanner Basie of HTML and Advance HTML 35 are the TITLE tags. “The only things we have to concer ourasves with nthe HEAD tags <ima> “iano> raane>.</28018> </nsna> <snosa> ; ‘The Head tag incorporates the matter, which shall appene in the title bar of the window. which ie going to mppenr when the program is hosted to WWW and browse theovgh any Trower. And the bull: ofthe page is ging tobe within the BODY tags. <ma> “tam. eee. <n a a + Boy Soon <r ‘Now save it as chtml or Jhtm file and see it in browser (e.g. Internet Bxplorer or Mozilla Firefox Example: sample.html Output LET PRT Common Attributes Attributes are simply a way to describe or assign additional characteristics to an element ‘You're quickly going to recognize which attributes you'l use frequently, and if you're using 1 program like Dreamweaver to write your code, itll suggest these attributes. for ‘Some Common Attributes are as follows: Allows you to assign CSS classes to the clement, ‘+ ID="Css ID": Allows you to assign CSS IDs to the element, ‘+ TITLE= “Informational TootTip': Adds more information about the clement, this is the "tooltip" info you'll see on some clements on mouse over © scanned with OKEN Scanner 3.6 Networking and Internet Environment > Comments in HTML Document (<!-- -> Tag): i As a Comment tag, To include comments in an HTML document that will be ignored. by the HTML user agent, surround them with <!-- and -->. After the comment delimiter, all text up to the next occurrence of --> is ignored. Comments can be used anywhere within an HTML document and are generally used as markers to improve the readability of complex HTML documents. Syntax of this tag is as follows: Syntax: <!-- Enter comments Here --> Example: <Heap> <TITLE>The HTML Subject | © scanned with OKEN Scanner

You might also like