Download to read offline
Snehasish Patra_27600322083_CA1 (1).pptx
- 1. Web Technology (OE-EC704A) Topic: 1)HTML-Structure, Tags, Lists, Table, Link and it’s types. By Student Name: Snehasish Patra Roll. No.: 27600322083 IV- Year, 7th Semester, 2025-2026 B.Tech, Department of Electronics and Communication Engineering Budge Budge Institute of Technology Kolkata, India
- 2. Course Pre-requisites Web Technologyis needed for learning 1. design good web pages using different tags, tables, forms, frames and style sheets supported by HTML. 2. implement, compile, test and run Java programs, comprising more than one class, to address a particular software problem. 3. demonstrate the ability to employ various types of selection statements and iteration statements in a Java program. 4. be able to leverage the object-oriented features of Java language using abstract class and interface. 5. be able to handle errors in the program using exception handling techniques of Java. 6. design applets as per the requirements with event handling facility.
- 3. INTRODUCTION HTML stands forhyper text Markup Language, It is used for creating web Pages , It is created by Berners-Lee in 1991. Hypertext refers to the way in which web Pages are linked Together , The link available on a webpage is called Hypertext. It is a Mark-up Language which means mark-up a text document with tags that tell a web-browser of web-page structure it to display.
- 4. TOPIC ELABORATION HTML TagsIt makes use of various tags to format the content. These tags are enclosed within angle braces. <Tag name> Some basic tags are i) <! Doc type> This tag defines the document type and HTML version. ii) <html> This tag encloses the complete HTML document and Mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>… iii) <head> This tag represent the document’s header which can Keep other HTML tags like <title>, <link> iv) <Title> This tag is used inside the <head> tag to mention document title. v) <body> This tag represents the document’s body which Keeps other HTML tags like <h1>, <div>, <P> etc. VI . <P> This tag represents a Paragraph.
- 5. TOPIC ELABORATION HTML elementsAn html element is defined by a start tag , some content and an end tag <tag name> content goes here </tag name>. Example <!Doc type html> <html> <head> <Title> Page Title </Title> </head> <body> <h1> My first heading </h1> <P> My first paragraph </P> </body> </html> Some other tag <br> : elements defines a line break. This tag is an empty tag , which means that it has no end tag. <hr> : Tag is an empty tag , which means that it has no end tag. <Pre> : Defines Pre - formatted Text.
- 6. TOPIC ELABORATION HTML List HTMLLists allow web developers to group a set of related items in lists. It has three types – 1. ordered List 2. Unordered List 3. Description List. 2. ordered Html List An ordered List starts with the <ol> tag . Each list item start with the <li> tag Example <ol> By default <li>ECE</li> 1 <li>IT</li> 2 <li>CSE</li> 3 </ol> Unordered List An unordered List starts with the <ul>. Each List starts with the <li> tag . By default . . . Example <ul> <li>coffee</li> <li>Tea</li> <li>Milk</li> </ul>
- 7. TOPIC ELABORATION HTML descriptionList A description List is a list of terms, with a description of each term. The <dl> tag defines the description List. <dt> tag defines the term (name). and the <dd> tag describes each term. Example <dl> <dl>coffee</dl> <dd>black Hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>
- 8. TOPIC ELABORATION HTML TablesHTML tables allow web developers to arrange data into rows and columns. A table in HTML consists of table cells inside rows and columns. Each table cell is defined by a <td> and a </td> tag. td stands for table data. Everything between <td> and </td> is the content of a table cell. Each table row starts with a <tr> and ends with a </tr> tag. tr stands for table row. Sometimes you want your cells to be table header cells. In those cases use the <th> tag instead of the <td> tag:th stands for table header. HTML Links Links are found in nearly all web pages. Links allow users to click their way from page to page. HTML links are hyperlinks. You can click on a link and jump to another document. The HTML <a> tag defines a hyperlink. It has the following syntax: <a href="url">link text</a>. The most important attribute of the <a> element is the href attribute, which indicates the link's destination. The link text is the part that will be visible to the reader. Clicking on the link text, will send the reader to the specified URL address. HTML Links - Use an Image as a Link- To use an image as a link, just put the <img> tag inside the <a> tagLink to an Email Address-Use mailto: inside the href attribute to create a link that opens the user's email program (to let them send a new email) Link Titles-The title attribute specifies extra information about an element. The information is most often shown as a tooltip text when the mouse moves over the element.
- 9. CONCLUSION This presentation isall about the topic HTML-Structure, Tags, Lists, Table, Link and it’s types. From this presentation we get to learn about what HTML-Structure, Tags, Lists, Table, Link and it’s types is.
- 10.