, , , , and that are used to format text, add images and create links. It also describes how to create tables, lists and forms using tags like , , , and . The lab exercise at the end provides examples of using these tags to design a basic bio-data web page.">, , , , and that are used to format text, add images and create links. It also describes how to create tables, lists and forms using tags like , , , and . The lab exercise at the end provides examples of using these tags to design a basic bio-data web page."> Nothing Special » Address: [go: up one dir, main page] Include Form Remove Scripts Accept Cookies Show Images Show Referer Rotate13 Base64 Strip Meta Strip Title Session Cookies Open navigation menuClose suggestionsSearchSearchenChange LanguageUploadLoading...Loading...User Settingsclose menuWelcome to Scribd!UploadRead for freeFAQ and supportLanguage (EN)Sign in0 ratings0% found this document useful (0 votes)22 viewsExperiment 11Uploaded byAshish patel AI-enhancedThe document provides an introduction to HTML and XHTML. It explains important HTML tags like <p>, <b>, <i>, <img>, and <a> that are used to format text, add images and create links. It also describes how to create tables, lists and forms using tags like <table>, <ul>, <ol>, <input> and <select>. The lab exercise at the end provides examples of using these tags to design a basic bio-data web page.Copyright:© All Rights ReservedAvailable FormatsDownload as PDF, TXT or read online from ScribdDownloadSaveSave Experiment_11 For Later0%0% found this document useful, Mark this document as useful0%0% found this document not useful, Mark this document as not usefulEmbedSharePrintReportExperiment 11Uploaded byAshish patel 0 ratings0% found this document useful (0 votes)22 views5 pagesAI-enhanced title and descriptionDocument Informationclick to expand document informationThe document provides an introduction to HTML and XHTML. It explains important HTML tags like <p>, <b>, <i>, <img>, and <a> that are used to format text, add images and create links. It also describes how to create tables, lists and forms using tags like <table>, <ul>, <ol>, <input> and <select>. The lab exercise at the end provides examples of using these tags to design a basic bio-data web page.Original Description: Original TitleExperiment_11Copyright© © All Rights ReservedAvailable FormatsPDF, TXT or read online from ScribdShare this documentShare or Embed DocumentSharing OptionsShare on Facebook, opens a new windowFacebookShare on Twitter, opens a new windowTwitterShare on LinkedIn, opens a new windowLinkedInShare with Email, opens mail clientEmailCopy linkCopy linkDid you find this document useful?0%0% found this document useful, Mark this document as useful0%0% found this document not useful, Mark this document as not usefulIs this content inappropriate?ReportThe document provides an introduction to HTML and XHTML. It explains important HTML tags like <p>, <b>, <i>, <img>, and <a> that are used to format text, add images and create links. It also describes how to create tables, lists and forms using tags like <table>, <ul>, <ol>, <input> and <select>. The lab exercise at the end provides examples of using these tags to design a basic bio-data web page.Copyright:© All Rights ReservedAvailable FormatsDownload as PDF, TXT or read online from ScribdDownload nowDownload as pdf or txtSaveSave Experiment_11 For Later0 ratings0% found this document useful (0 votes)22 views5 pagesExperiment 11Uploaded byAshish patel AI-enhanced title and descriptionThe document provides an introduction to HTML and XHTML. It explains important HTML tags like <p>, <b>, <i>, <img>, and <a> that are used to format text, add images and create links. It also describes how to create tables, lists and forms using tags like <table>, <ul>, <ol>, <input> and <select>. The lab exercise at the end provides examples of using these tags to design a basic bio-data web page.Copyright:© All Rights ReservedAvailable FormatsDownload as PDF, TXT or read online from ScribdSaveSave Experiment_11 For Later0%0% found this document useful, Mark this document as useful0%0% found this document not useful, Mark this document as not usefulEmbedSharePrintReportDownload nowDownload as pdf or txtJump to Page You are on page 1of 5Search inside document Experiment: 11AIM: Introduction to HTML and XHTMLHTML is the basis for all Web pages. Compared to regular programming languages, HTML iseasy to learn and simple to use. HTML only requires a simple text editor to start coding.An HTML file contains “markup tags” that tell the Web browser how to follow the instructionsenclosed within the tags. The angular brackets “<” and “>” indicate that the text within thebrackets is a tag. The start of the tag and the end of the tag are identified using special formats.For example, <p> indicates the start of a new paragraph, and </p> indicates the end of theparagraph. Regular text, or other instructions depending on the tag type, is enclosed betweenthe starting and ending tags. Tags are not case sensitive, that is, <p> and <P> mean the samething. Each tag can have attributes. These provide additional formatting and other informationregarding the tag. For example, the <body> tag can have an attribute to specify the backgroundcolour of the Web page. <body bgcolor=”blue”> will render the Web page with a bluebackground. Every HTML document starts with the <html> tag indicating to the Web browserthe start of the HTML document, and ends with the </html> tag, which indicates the end ofthe document.A basic HTML document looks like this:<html><head><title>My first HTML page</title></head><body>This is my first homepage. <b>This text isbold</b></body></html>The <head> tags indicate header information, or information that is not displayed in your page.The <title> tags enclose the text that will appear in the caption bar of Web browser. The textbetween the <body> tags will be displayed in browser window.<b> and </b> indicate to the Web browser that all text between this tag pair should be boldThere are six levels of headings in HTML. They start with the <h1> </h1> tag pair and go up tothe <h6> </h6> pair. <h1> </h1> can be used for the most important heading, and <h2> </h2>for a sub-head, and so on. For example:<h1>Important heading</h1><h2>Less important heading</h2>The <p> and </p> tags enable specify the paragraph breaks in text.<p> Paragraph one </p><p> Paragraph two </p>The <br> and </br> tags introduce line breaks when one want to start a new line and not anew paragraph. Thus<p>Para three broken into<br>two lines</br></p>will print the text in two lines. HTML supports three kinds of lists. A bulleted or unordered listuses the <ul> and <li> tags. A numbered or ordered list uses the <ol> and <li> tags. And adefinition list lists terms and their definitions by using the <dl>, <dt> and <dd> tags.A bulleted list:<ul><li>list item one</li><li>list item two</li><li> list item three</li></ul>A numbered list:<ol><li>list item 1</li><li>list item 2</li><li>list item 3</li></ol>A definition list:<dl><dt>term one</dt><dd>definition for term one</dd><dt>term two</dt><dd>definition for term two</dd><dt>term three </dt><dd>definition for term three</dd></dl>Tables are defined using the <table> tag. Rows are defined with the <tr> tag and each columnis divided into data cells with the <td> tag. Headings in a table are defined using the <th> tag.Table can be specified without any borders, depending on layout requirements, Borderattribute can be used to specify the thickness of the border.<table border=“1”><tr><th>Heading 1</th><th>Heading 2</th></tr><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr></table>To link to a different site or page you use the <a> tag<a href=“XYZ/xyz.html”>XYZ Page</a>This code will display the text “XYZ Page”, usually in a blue font, and underlined to indicate alink. To specify a link to another Web site, substitute the file name with the site’s URL. 1 <a href=“http://www.gcet.ac.in/”>GCET Home Page</a> To add an image to your Web page, you use the <img> tag and specify a location to pick up the image file from <img src=“images/image.jpg” width=“200” height=“150” alt=“Just an image”> The ‘src’ (source) attribute tells the browser to get the image file image.jpg from the ‘images’ folder for the Web site, and that it should be displayed in a 200 x 150 pixel area. While the image is being loaded, the “alt” (alternate) attribute informs the browser to display the text “Just an image”. XHTML XHTML stands for Extensible HyperText Markup Language and is the next step in the evolution of the Internet. The XHTML 1.0 is the first document type in the XHTML family. XHTML was developed by the W3C to help web developers make the transition from HTML to XML. By migrating to XHTML today, web developers can enter the XML world with all of its attendant benefits, while still remaining confident in their content's backward and future compatibility. Developers who migrate their content to XHTML 1.0 will realize the following benefits: XHTML documents are XML conforming. As such, they are readily viewed, edited, and validated with standard XML tools. XHTML documents can be written to operate better than they did before in existing browsers as well as in new browsers. XHTML documents can utilize applications like scripts and applets that rely upon either the HTML Document Object Model or the XML Document Object Model. LAB EXERCISE:11Implement the following basic tags of HTML to design a student bio-data webpage mentioning Name, Address, Qualification (Table), hobbies and user inputs. 1)<html> 22)<head>3)<title>this is my first page</title>4)<body bgcolor=pink>5)<h1>welcome to html</h1><br/>6)<b>tag for bold</b><br/>7)<i>tag for italic</b><br/>8)<u>tag for underline</u><br/>9)<del>tag for delete</del><br/>10)<h2>creating tables</h2><table border="2"><th>table head</th><tr><td>row1</td><tr><td>row2</td></tr></table>11)<h2>creating text box</h2>12)<input type="text" name"text"> password<input type="password" name="pws"><br/> radio button<br/> 313)male<input type="radio" name="male">female<input type="radio" name="female"><br>14) </br> checkbox<br/>15)bike<input type=checkbox" name="bike"><br/> car<input type="check box" name="car"><br>16) <br/> submit button<br/><input type="submit" value="submit"><br/>17)select box<br/>18)<select><option>one </option><option> two </option><option>three </option><option>four </option></select>You might also likePayload MovistarDocument1 pagePayload Movistarmarco vazquez sartaNo ratings yetWhat Is HTML?Document36 pagesWhat Is HTML?Anand TiwariNo ratings yetHypertext Markup Language (HTML) Fundamentals: How to Master HTML with Ease From EverandHypertext Markup Language (HTML) Fundamentals: How to Master HTML with EaseSteven BrightNo ratings yetXML XSLT With AbapDocument19 pagesXML XSLT With AbapEmil SNo ratings yetHTML - NoteDocument8 pagesHTML - NotePrasanna Niyadagala100% (1)HTML Basics Guide Pythonista PlanetDocument16 pagesHTML Basics Guide Pythonista Planetproject satuNo ratings yetLab-8-HTML BasicsDocument14 pagesLab-8-HTML BasicsMujtaba SaleemNo ratings yetHTML Interview Questions: HTML Is An Acronym Which Stands ForDocument8 pagesHTML Interview Questions: HTML Is An Acronym Which Stands ForsaurabhNo ratings yetWT Course MaterialDocument164 pagesWT Course MaterialNeel PandyaNo ratings yetChapter 3 Lec1Document8 pagesChapter 3 Lec1Ayele MitkuNo ratings yetWT Lab ManualDocument79 pagesWT Lab ManualMeghana Magi MeghanaNo ratings yetW3 CRecommendationsDocument86 pagesW3 CRecommendationsAbhishek_gaharwarNo ratings yetHTML (BScCsit 5th Semester)Document59 pagesHTML (BScCsit 5th Semester)Rishav Malla ThakuriNo ratings yetList of ExperimentsDocument30 pagesList of ExperimentsRocky SamuelNo ratings yetAll You Should Know About HTML.Document169 pagesAll You Should Know About HTML.William HayerNo ratings yetHTML HandbookDocument11 pagesHTML HandbookYogitha PratyushaNo ratings yetHTML and CSSDocument77 pagesHTML and CSSLaxmi BurriNo ratings yetCMA - Unit1 Sol QPDocument30 pagesCMA - Unit1 Sol QPManjunath KNo ratings yetGetting Started With HTMLDocument6 pagesGetting Started With HTMLUdith AroshaNo ratings yetHTML FileDocument10 pagesHTML FileAnjali KambojNo ratings yetCS HTML QB-1Document24 pagesCS HTML QB-1Dushyant No ratings yetHTMLDocument52 pagesHTMLanurag_garg_20No ratings yetIntroduction To Web Technology: Unit 3 HTMLDocument49 pagesIntroduction To Web Technology: Unit 3 HTMLanagha2982No ratings yetShivajirao Kadam Institute of Technology and Management (Atc), IndoreDocument16 pagesShivajirao Kadam Institute of Technology and Management (Atc), IndoreAashutosh SolankiNo ratings yetPractical File OF Web Development: Submitted To:-Submitted ByDocument19 pagesPractical File OF Web Development: Submitted To:-Submitted ByharviduttaNo ratings yetHTML TutorialDocument97 pagesHTML Tutorialjonty777No ratings yetDos & HTML: Project ReportDocument17 pagesDos & HTML: Project ReportVarun TikooNo ratings yetNotes Grade+7Document34 pagesNotes Grade+7tarifnehanNo ratings yetChapter 2 HTMLDocument11 pagesChapter 2 HTMLDandige Bala SaiNo ratings yetHow To Create A Simple HTML Document?: Lesson#1Document12 pagesHow To Create A Simple HTML Document?: Lesson#1Muhammad AzfarNo ratings yetWT Course MaterialDocument88 pagesWT Course MaterialAnonymous buSPtQ8F0uNo ratings yetHyper Text Markup Language (HTML) : Unit 5Document12 pagesHyper Text Markup Language (HTML) : Unit 5Lavanya lokeshNo ratings yetHyper Text Markup Language: What Is HTML?Document15 pagesHyper Text Markup Language: What Is HTML?shetty33No ratings yetHTML IntroductionDocument29 pagesHTML Introductionkalpanacse553No ratings yetTraining CourseDocument51 pagesTraining CourseAbdurhman AbrarNo ratings yetChapter 2 Introduction To HTMLDocument20 pagesChapter 2 Introduction To HTMLzeki.mama21.21No ratings yetHTML Basic TagsDocument13 pagesHTML Basic TagsShakir98No ratings yetLecture 01Document16 pagesLecture 01fieryevil@hotmail.comNo ratings yetHTML 3Document25 pagesHTML 3Deepika JangidNo ratings yetWT Notes PSPDocument50 pagesWT Notes PSPkingomsriNo ratings yetFront End Development: HTML DocumentsDocument42 pagesFront End Development: HTML DocumentsAbdurhman AbrarNo ratings yetCNI Practical FileDocument56 pagesCNI Practical FileJPC RTK0% (1)Bharat Sachdeva Bba HTMLDocument36 pagesBharat Sachdeva Bba HTMLkshitijNo ratings yetWeb Technologies Notes: HTML Java Script CSS XML JDBC Servlets JSPDocument98 pagesWeb Technologies Notes: HTML Java Script CSS XML JDBC Servlets JSPVikram ReddyNo ratings yetHTMLDocument20 pagesHTMLa baluNo ratings yetHTML NotesDocument36 pagesHTML NotesRajendra KumarNo ratings yetFile of HTMLDocument23 pagesFile of HTMLseepi345No ratings yetUnit 1 MaterialDocument37 pagesUnit 1 MaterialTammaneni NavyaNo ratings yet21 Website AuthoringDocument25 pages21 Website AuthoringSusan Yap Kai FengNo ratings yetHTML BasicsDocument18 pagesHTML BasicsAyushNo ratings yetIntrodution To HTMLDocument47 pagesIntrodution To HTMLJohn Axzel SilvanoNo ratings yetHTML Basic TagsDocument12 pagesHTML Basic TagsShakir98No ratings yetHTML Basics Day1Document18 pagesHTML Basics Day1SHEVA007No ratings yetWeb TechnologiesDocument59 pagesWeb TechnologiesAdrian BuzasNo ratings yetEasy html and css From EverandEasy html and cssS VASISTNo ratings yetHTML in 30 Pages From EverandHTML in 30 PagesU.Q. MagnussonRating: 4.5 out of 5 stars4.5/5 (14)Ultra HTML Reference From EverandUltra HTML ReferenceMike AbelarRating: 2 out of 5 stars2/5 (1)HTML Unleashed: The Complete Guide From EverandHTML Unleashed: The Complete GuidePen HurNo ratings yetWeb Development Step by Step - HTML From EverandWeb Development Step by Step - HTMLEnrique VicenteNo ratings yetHTML 101: A guide to coding, #3 From EverandHTML 101: A guide to coding, #3Andrew HunterNo ratings yetHtml5 for Beginners: A Step-By-Step Guide From EverandHtml5 for Beginners: A Step-By-Step GuideZack Mark LakemanNo ratings yetHtml5 From EverandHtml5Robin NixonNo ratings yetHTML - Overview - TutorialspointDocument4 pagesHTML - Overview - Tutorialspointsamuel natanNo ratings yetPKM P3 FIX P Indro PDFDocument1,519 pagesPKM P3 FIX P Indro PDFAnindita IndrianaNo ratings yetCross Origin Resource SharingDocument15 pagesCross Origin Resource SharingWhitehat TesterNo ratings yetJava XML Mock Test IDocument6 pagesJava XML Mock Test IMian Muhammad AhsanNo ratings yetUnit 3Document107 pagesUnit 3Arpit GaurNo ratings yet1) Introduction To HTML A. Create A Webpage That Prints Your Name To The ScreenDocument73 pages1) Introduction To HTML A. Create A Webpage That Prints Your Name To The ScreenChandu YadavNo ratings yetMicrosoft Word - PAAVAIDocument65 pagesMicrosoft Word - PAAVAISuresh VenkatrajNo ratings yetCss Selectors PDFDocument6 pagesCss Selectors PDFblack_iris100% (1)Chapter 12 AWPDocument18 pagesChapter 12 AWP328 Manisha YadavNo ratings yetBlade Runner 2049 Shooting Script 2Document13 pagesBlade Runner 2049 Shooting Script 2ashokallu16No ratings yetIframes: Iframe - Set Height and WidthDocument2 pagesIframes: Iframe - Set Height and WidthMihai George ForlafuNo ratings yetWE Lab 3 - Huzaifa - 015Document9 pagesWE Lab 3 - Huzaifa - 015Huzaifa ArshadNo ratings yetChapt3 Unit2Document71 pagesChapt3 Unit2divya100% (1)What Is A Shadow DOMDocument5 pagesWhat Is A Shadow DOMVinod SangishettyNo ratings yetSdjinngjignsDocument76 pagesSdjinngjignsarloaNo ratings yetIt2357 Web Technology Lab: List of ExperimentsDocument32 pagesIt2357 Web Technology Lab: List of ExperimentssindhujaNo ratings yetWs Restwsdl PDFDocument14 pagesWs Restwsdl PDFvadivel.km1527No ratings yetFile ListDocument23 pagesFile ListMOKA - مالكNo ratings yetUnit 12 XSL (XML Style Sheet Language) : StructureDocument29 pagesUnit 12 XSL (XML Style Sheet Language) : StructureUdai Kumar Rai DungmaliNo ratings yetW3schools: HTML5 IntroductionDocument7 pagesW3schools: HTML5 Introductionanon_723287062No ratings yetAwt Journal Final Shree Ram CollegeDocument52 pagesAwt Journal Final Shree Ram CollegeUnknownNo ratings yetXML TutorialDocument54 pagesXML Tutorialramakantsawant100% (1)The Ultimate Guide To Master HTML - CSSDocument87 pagesThe Ultimate Guide To Master HTML - CSSMarko TodorovicNo ratings yet211 Css Flexbox SlidesDocument6 pages211 Css Flexbox SlidesabbasiashNo ratings yetData Keluaran SGP 2018 Sampai 2019Document19 pagesData Keluaran SGP 2018 Sampai 2019Yohanes DogomoNo ratings yetMINDAODocument19 pagesMINDAOJulzNo ratings yetMediafire ComDocument16 pagesMediafire ComvanducarcNo ratings yetInstreportDocument28 pagesInstreportDouglas RibeiroNo ratings yetDocumentsComputersInternet & Web
Welcome to Scribd!
Experiment 11
AI-enhanced
AI-enhanced title and description
HTML is the basis for all Web pages. Compared to regular programming languages, HTML iseasy to learn and simple to use. HTML only requires a simple text editor to start coding.An HTML file contains “markup tags” that tell the Web browser how to follow the instructionsenclosed within the tags. The angular brackets “<” and “>” indicate that the text within thebrackets is a tag. The start of the tag and the end of the tag are identified using special formats.For example, <p> indicates the start of a new paragraph, and </p> indicates the end of theparagraph. Regular text, or other instructions depending on the tag type, is enclosed betweenthe starting and ending tags. Tags are not case sensitive, that is, <p> and <P> mean the samething. Each tag can have attributes. These provide additional formatting and other informationregarding the tag. For example, the <body> tag can have an attribute to specify the backgroundcolour of the Web page. <body bgcolor=”blue”> will render the Web page with a bluebackground. Every HTML document starts with the <html> tag indicating to the Web browserthe start of the HTML document, and ends with the </html> tag, which indicates the end ofthe document.A basic HTML document looks like this:
<html><head><title>My first HTML page</title></head><body>This is my first homepage. <b>This text isbold</b></body></html>
The <head> tags indicate header information, or information that is not displayed in your page.The <title> tags enclose the text that will appear in the caption bar of Web browser. The textbetween the <body> tags will be displayed in browser window.
<b> and </b> indicate to the Web browser that all text between this tag pair should be boldThere are six levels of headings in HTML. They start with the <h1> </h1> tag pair and go up tothe <h6> </h6> pair. <h1> </h1> can be used for the most important heading, and <h2> </h2>for a sub-head, and so on. For example:<h1>Important heading</h1><h2>Less important heading</h2>
The <p> and </p> tags enable specify the paragraph breaks in text.
<table border=“1”><tr><th>Heading 1</th><th>Heading 2</th></tr><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr></table>
To add an image to your Web page, you use the <img> tag and specify a location to pick up the image file from
The ‘src’ (source) attribute tells the browser to get the image file image.jpg from the ‘images’ folder for the Web site, and that it should be displayed in a 200 x 150 pixel area. While the image is being loaded, the “alt” (alternate) attribute informs the browser to display the text “Just an image”.
XHTML
XHTML stands for Extensible HyperText Markup Language and is the next step in the evolution of the Internet. The XHTML 1.0 is the first document type in the XHTML family.
XHTML was developed by the W3C to help web developers make the transition from HTML to XML. By migrating to XHTML today, web developers can enter the XML world with all of its attendant benefits, while still remaining confident in their content's backward and future compatibility.
Developers who migrate their content to XHTML 1.0 will realize the following benefits:
XHTML documents are XML conforming. As such, they are readily viewed, edited, and validated with standard XML tools. XHTML documents can be written to operate better than they did before in existing browsers as well as in new browsers.
XHTML documents can utilize applications like scripts and applets that rely upon either the HTML Document Object Model or the XML Document Object Model.
LAB EXERCISE:11
Implement the following basic tags of HTML to design a student bio-data webpage mentioning Name, Address, Qualification (Table), hobbies and user inputs.
1)<html>
22)<head>
4)<body bgcolor=pink>
5)<h1>welcome to html</h1><br/>
10)<h2>creating tables</h2>
<table border="2">
<th>table head</th>
<tr>
<td>row1</td>
<td>row2</td>
</tr>
</table>
<br>
17)select box<br/>
18)<select>
<option>one </option>
<option>three </option>
<option>four </option>
</select>