Skip to main content

Posts

Showing posts from April, 2020

Unordered List, Nested lists, Description List,TUTE-8

                                                             Unordered List An unordered list can be created with the <ul> tag and each list item can be created with the <li> tag as shown by the example below: <ul>   <li>Item</li>   <li>Another Item</li>   <li>Yet Another Item</li>  </ul> This will produce a bulleted list (which is the default style): You should use ul to display a list of items, where the order of the items is not important. If changing the order of the items makes the list incorrect, you should use <ol>.   Nested lists You can nest lists to represent sub-items of a list item. <ul>   <li>item 1</li>   <li>item 2     <ul>    ...

Lists, Ordered List,ul,TUTE-7

                                                                    Lists HTML offers three ways for specifying lists: ordered lists,  unordered lists, and description lists. Ordered lists use ordinal sequences to indicate the order of list elements,  unordered lists use a defined symbol such as a bullet to list elements in no designated order, and description lists use indents to list elements with their children.  This topic explains the implementation and combination of these lists in HTML markup.  Ordered List An ordered list can be created with the <ol> tag and each list item can be created with the <li> tag as in the example below: <ol>   <li>Item</li>   <li>Another Item</li>   <li>Yet Another Item</li...

Cc and Bcc,Subject and body text,TUTE-6

                                        Cc and Bcc You can also add addresses for cc- or bcc-recipients using the following syntax : <a href="mailto:example@example.com?cc=john@example.com&bcc=jane@example.com">Send email</a> Subject and body text You can populate the subject and body for the new email as well: <a href="mailto:example@example.com?subject=Example+subject&body=Message+text">Send email</a>

Open link in new tab/window, Link that runs JavaScript, Link that runs email client,TUTE-5

                                             Open link in new tab/window <a href="example.com" target="_blank">Text Here</a>  Link that runs JavaScript <a href="javascript:myFunction();">Run Code</a> You can also achieve the same thing using the onclick attribute: <a href="#" onclick="myFunction(); return false;">Run Code</a>   Link that runs email client Basic usage If the value of the href-attribute begins with mailto: it will try to open an email client on click: <a href="mailto:example@example.com">Send email</a> This will put the email address example@example.com as the recipient for the newly created email.

Link to an anchor, Link to a page on the same site TUTE 4

                                           Link to an anchor,  Anchors can be used to jump to specific tags on an HTML page. The <a> tag can point to any element that has an id attribute Suppose you are created a page (page1.html) on many topics: <h2>First topic</h2>  <p>Content about the first topic</p>  <h2>Second topic</h2>  <p>Content about the second topic</p> If you gave an id attribute to your topics, you could then link to them <h2 id="Topic1">First topic</h2>  <p>Content about the first topic</p>  <h2 id="Topic2">Second topic</h2>  <p>Content about the second topic</p>  Now you can use the anchor in your table of contents: <h1>Table of Contents</h1>     <a href='...

Bold, Italic, Underline TUTE 3

                                                   Bold, Italic, Underline Bold Text To bold text, use the <strong> or <b> tags: <strong>Bold Text Here</strong> or <b>Bold Text Here</b> Italic Text To italicize text, use the <em> or <i> tags: <em>Italicized Text Here</em> or <i>Italicized Text Here</i> Underlined Text <p>This paragraph contains some <u>mispelled</u> text.</p>  Inserted, Deleted, or Stricken To mark text as inserted, use the <ins> tag: <ins>New Text</ins> To mark text as deleted, use the <del> tag: <del>Deleted Text</del> To strike through text, use the <s> tag: <s>Struck-through text here</s>    Link to another site This is the basic us...

DOCTYPE,HEADING,PARAGRAPH..TUTE 2

                           Doctypes Doctypes - short for 'document type' - help browsers to understand the version of HTML the document is written in for better interpretability. Doctype declarations are not HTML tags and belong at the very top of a document. This topic explains the structure and declaration of various doctypes in HTML. Adding the Doctype The <!DOCTYPE> declaration should always be included at the top of the HTML document, before the <html> tag. <!DOCTYPE html> therefore the following DOCTYPEs are also valid: <!doctype html> <!dOCtyPe html> <!DocTYpe html> Headings HTML provides not only plain paragraph tags, but six separate header tags to indicate headings of various sizes and thicknesses. Enumerated as heading 1 through heading 6, heading 1 has the largest and thickest text while heading 6 is the smallest and thinnest, down to the paragraph ...

HTML INTODUCTION(TUTE 1)

                         Introduction HTML ( Hypertext Markup Language)   uses a markup system composed of elements which represent specific content. HTML is sometimes called a programming language but it has no logic, so is a markup language. HTML ....... Creating a simple page The following HTML example creates a simple "Hello World" web page. <!DOCTYPE html>  <html >      <head>                        <title>Hello</title>     </head>           <body>                     <h1>Hello World!</h1>         <p>This is a simple paragraph.</p>           </body> </html> These are the tags used ...