a WORLD WIDE WEB AND HTML PTT are ue eee Cue ther | bo able to: * Define terms related with website (WWW, Webpage, Webs Search Engine, Home Page, Web Hosting) + Describe various types of websites * Define Hypertext Mark-up Language (HTML) * Create and save an HTML file + Display a Web page Identify the tags used to mark-up HTML elements Identify HTML, Head section and Body section of HTML file Deseribe the steps involved to specify a page tile, create 2 spaces and add heading/sub-heading Identify the text formatting tags used to format text + Know the use of various text formatting tags Differentiate among unordered, ordered, definition and nested lists ‘Add an image and border to the image © Specify width and height of an image ‘* Apply background color toa Web page * Assign a background image to a Web page Define and create hyperlink Define and create anchor Create a graphical hyperlink Create table and apply various table attributes Define a frame and differentiate between a frame and a frameset * Create a frameset Dam ; UNIT INTRODUCTION World Wide Web (WWW) enables users to find documents on the formats that includes text, graphics, images, audio and video. It allows docu’ to be linked to other documents and enables the users to search for informati one document to another. Documents on the Intemet are created @ Language (HTML). HTML is the main language of Intemet's WWW. There‘ove basic knowledge about WWW, types of websites and how to create Web oe Web brows pars oprexromse:Wt TERMS RELATED WITH WoRLD WIDE WEB web Page ‘A Web page is a document on je Internet that can be accessed fough a Web browser. Web yowser displays Web pages on writor or mobile devices. Web tes may have hyperlinks that fovde navigation to other Web wages. Web pages contain text, ‘enhies, images, sound and video ‘gsallin one place. A Web page in sou in Fig.7-1. Website oar Fig.7-1 A Web page Awebsite is a collection of related Web Pages hosted on a Web server. It is accessible ‘trough an Internet address known as Uniform Resource Locator (URL). A URL is what the ser types in Web browser such as Internet Explorer to display a particular website. A website ‘vairticket reservation is shown in Fig. B72. a @ i i Fig.A-7-2 Website for air ticket reservation . Federal board (FBISE) Urdu website is shown inFig.8-7-2 Federal Board website in Urdu language Web Browser A Web browser is a software that enables users to retrieve information on the Web. Information on the Web is accessed by the URLs. Web browsers allow users to open multiple Fig.A-7-3 Google Chrome Web browser- Sj I LOVE PARISTAN. Fig.7-15 Creating a HTML document Now to save your first HTML document, open the File menu and select Save AS. 2" give it the name first.htmi.To open the first.html document in the browser window, go to the location where you saved Double click on it to open. The browser window will display it as shown in Fig.7-16 Furst HTML Document CO file//C/HTMUfirsthtm| [LOVE PAKISTAN Fig.7-16 Browser window displaying the first.htm! document 7.2.3 TAGS USED TO MARK-UP HTML ELEMENTS An HTML tag is a command or code that specifies how a Web page is formatted. HTML Socuments consist of text files that contain HTML elements. HTML elements are defined using HTML tags. HTML tags are surrounded by the two characters < and > and generally they come " pairs, such as and . The text between these two tags is known as element content. The first tag is the start tag and the second tag is the end tag. HTML tags are not case Sensitive, so the user can write them in upper-case or lower-case letters. Lower-case letters will used throughout this unit 7.2.4 THE HTML, HEAD AND BODY TAGS The following tags are used to mark-up the HTML elements in the first.htmi document. Tags The first tag in the html document is that indicates the start of the HTML document. The 2st tag is that tells the browser that this is the end of the HTML document :il , ~ T Worldwide Wet, ad Th Tags Ss Itis used to give title to the Web page. Tags Anything typed inside the body tags will be displayed i Ifthere is any change required in HTML file, it can be done by opening it again in text edite, To open it, click on the file to select it and then right click, select Open with and click the text editor in the shortcut menu. Now edit and save it again. 7.3 TEXT FORMATTING Text formatting refers to the use of HTML tags to format the appearance of text in a Web page 7.3.1 BASICS OF TEXT FORMATTING Specifying a Page Title The tags are used to specify page title. The text between these tags is used to set the title to the page. It is displayed on the tite bar of the Web browser. For example,