×
DREAM IT. BELIEVE IT. ACHIEVE IT.
--Your friends at LectureNotes
Close

Note for Web Technologies - WT By darshika arya

  • Web Technologies - WT
  • Note
  • 57 Views
  • 1 Offline Downloads
  • Uploaded 30 days ago
Darshika Arya
Darshika Arya
0 User(s)
Download PDFOrder Printed Copy

Share it with your friends

Leave your Comments

Text from page-2

3) It is a markup language so it provides a flexible way to design web pages along with the text. 4) It facilitates programmers to add link on the web pages (by html anchor tag) , so it enhances the interest of browsing of the user. 5) It is platform-independent because it can be displayed on any platform like Windows, Linux and Macintosh etc. 6) It facilitates the programmer to add Graphics, Videos, and Sound to the web pages which makes it more attractive and interactive. HTML Tags HTML tags contain three main parts: opening tag, content and closing tag. But some HTML tags are unclosed tags. When a web browser reads an HTML document, browser reads it from top to bottom and left to right. HTML tags are used to create HTML documents and render their properties. Each HTML tags have different properties. Syntax <tag> content </tag> Unclosed HTML Tags Some HTML tags are not closed, for example br and hr. <br> Tag: br stands for break line, it breaks the line of the code. <hr> Tag: hr stands for Horizontal Rule. This tag is used to put a line across the webpage. HTML Meta Tags DOCTYPE, title, link and style HTML Text Tags <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>, <em>, <abbr>, <acronym>, <address>, <bdo>, <blockquote>, <cite>, <q>, <code>, <ins>, <del>, <dfn>, <kbd>, <pre>, <samp>, <var> and <br>

Text from page-3

HTML Link Tags <a> HTML Image <img>, <map> HTML List Tags <ul>, <ol>, <li>, <dl>, <dt> and <dd> HTML Table Tags table, tr, td, th. HTML Form Tags form, input, textarea, select, option, button, fieldset and legend HTML Scripting Tags script and noscript HTML Formatting HTML Formatting is a process of formatting text for better look and feel. There are many formatting tags in HTML. These tags are used to make text bold, italicized, or underlined. Following are the example of formatting tags. 1) Bold Text If you write anything within <b>............</b> element, is shown in bold letters. See this example: 1. <p> <b>Write Your First Paragraph in bold text.</b></p> Output: Write Your First Paragraph in bold text.

Text from page-4

2) Italic Text If you write anything within <i>............</i> element, is shown in italic letters. See this example: 1. <p> <i>Write Your First Paragraph in italic text.</i></p> Output: Write Your First Paragraph in italic text. 3) HTML Marked formatting If you want to mark or highlight a text, you should write the content within <mark>.........</mark>. See this example: 1. <h2> I want to put a <mark> Mark</mark> on your face</h2> Output: I want to put a Mark on your face 4) Underlined Text If you write anything within <u>.........</u> element, is shown in underlined text. See this example: 1. <p> <u>Write Your First Paragraph in underlined text.</u></p> Output: Write Your First Paragraph in underlined text. 5) Strike Text Anything written within <strike>.......................</strike> element is displayed with strikethrough. It is a thin line which cross the statement. See this example: 1. <p> <strike>Write Your First Paragraph with strikethrough</strike>.</p>

Text from page-5

Output: Write Your First Paragraph with strikethrough. 6) Monospaced Font If you want that each letter has the same width then you should write the content within <tt>.............</tt> element. Note: We know that most of the fonts are known as variable-width fonts because different letters have different width. (for example: 'w' is wider than 'i'). Monospaced Font provides similar space among every letter. See this example: 1. <p>Hello <tt>Write Your First Paragraph in monospaced font.</tt></p> Output: Hello Write Your First Paragraph in monospaced font. 7) Superscript Text If you put the content within <sup>..............</sup> element, is shown in superscript ; means it is displayed half a character's height above the other characters. See this example: 1. <p>Hello <sup>Write Your First Paragraph in superscript.</sup></p> Test it Now Output: Hello Write Your First Paragraph in superscript. 8) Subscript Text If you put the content within <sub>..............</sub> element, is shown in subscript ; means it is displayed half a character's height below the other characters. See this example: 1. <p>Hello <sub>Write Your First Paragraph in subscript.</sub></p> Output: Hello Write Your First Paragraph in subscript.

Lecture Notes