Scribd Logo
Upload

Welcome to Scribd!

  • 11 views

    Ui Developer Session1

    Uploaded by

    thotar
    This document provides an overview of basic HTML structure and tags. It describes the main tags used to structure a web page, including <html>, <body>, <head>, and <title>. It also covers headings (<h1>-<h6>), paragraphs (<p>), bold (<b>), and italics (<i>). The document explains attributes, semantic markup tags like <strong> and <em>, and other tags for things like line breaks, quotes, and addresses.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Ui Developer Session1

    Uploaded by

    thotar
    11 views13 pages
    This document provides an overview of basic HTML structure and tags. It describes the main tags used to structure a web page, including <html>, <body>, <head>, and <title>. It also covers headings (<h1>-<h6>), paragraphs (<p>), bold (<b>), and italics (<i>). The document explains attributes, semantic markup tags like <strong> and <em>, and other tags for things like line breaks, quotes, and addresses.

    Original Description:

    UI developer

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document provides an overview of basic HTML structure and tags. It describes the main tags used to structure a web page, including <html>, <body>, <head>, and <title>. It also covers headings (<h1>-<h6>), paragraphs (<p>), bold (<b>), and italics (<i>). The document explains attributes, semantic markup tags like <strong> and <em>, and other tags for things like line breaks, quotes, and addresses.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    11 views13 pages

    Ui Developer Session1

    Uploaded by

    thotar
    This document provides an overview of basic HTML structure and tags. It describes the main tags used to structure a web page, including <html>, <body>, <head>, and <title>. It also covers headings (<h1>-<h6>), paragraphs (<p>), bold (<b>), and italics (<i>). The document explains attributes, semantic markup tags like <strong> and <em>, and other tags for things like line breaks, quotes, and addresses.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 13

    Rajesh

    Intuition Inc.

    HTML Structure
    <Html>
    <Body>
    <h1>This is the Main Heading</h1>
    <p>This text might be an introduction to the rest of
    the page. And if the page is a long one it might
    be split up into several sub-headings.<p>
    <h2>This is a Sub-Heading</h2>
    <p>Many long articles have sub-headings so to help
    you follow the structure of what is being written.
    There may even be sub-sub-headings (or lower-level
    headings).</p>
    <h2>Another Sub-Heading</h2>
    <p>Here you can see another sub-heading.</p>
    </Body>
    </Html>

    Tags

    Character

    <p>
    Left angle bracket
    (Less than Sign)

    Right angle bracket


    (greater than Sign)

    Character in the bracket indicate the tags purpose


    For example, In the tags above the p stands for paragraph
    Closing tag has forward slash after the < symbol

    Attributes
    Attribute name

    <p lang=en-us>Paragraph in English </P>


    Attribute value

    Attribute supplies extra information about element content


    Most attribute values are predefined.
    <p lang=fr>Paragraph in English </P>

    Body, Head and Title Tags


    <Body> Tag is the main element. Everything

    inside the element is shown in browser


    <head>: Before body tag youll see head tag.
    This contains information about the page,
    title and to include any javascript or
    stylesheets
    <title>: Title tag is included inside the head
    tag and any content inside the title is show
    as title of the browser window.

    Headings
    HTML has six levels of headings.
    <h1> is used for main heading, <h2> for sub headings. If there

    are further sections under sub heading <h3> is used and, so on


    so forth
    Browsers display the contents of headings at different sizes.

    <h1> is largest and <h6> smallest. The size varies based of


    browser
    <h1>This is a Main Heading</h1>
    <h2>This is a Level 2 Heading</h2>

    <h3>This is a Level 3 Heading</h3>


    <h4>This is a Level 4 Heading</h4>
    <h5>This is a Level 5 Heading</h5>
    <h6>This is a Level 6 Heading</h6>

    Paragraphs, Bold and Italic


    To Create a Paragraph surround the words that makeup

    Paragraph by <p></p> tags .


    By enclosing words in tags <b> and </b> we can make

    characters appear bold.

    By enclosing the words in tags <i> and </i> we can make

    characters appear italic

    Superscript & Subscript


    <Sup> element is used to superscript characters such as dates

    suffixes and mathematical elements.


    <Sub> element is used to subrscript characters such as foot

    notes and chemical equations..

    White Space
    When browser comes across two or more spaces next to each

    other, it only displays one space. Similarly, if there are two or


    more line breaks, browsers treat them as single space.

    Line Breaks & Horizontal Rules


    <br /> Browser shows each paragraph and heading on a new

    line. But if you wanted to add line break inside a paragraph,


    you can use line break tag.

    <hr /> To create break between themes, you use <hr /> tag

    Semantic Markup: Strong, em


    There are some elements that are not intended to affect the

    structure of web pages, but they do add extra information to


    web page.
    <Strong> Element is used to indicate Strong Importance.

    <em> Element indicates emphasis that subtly changes

    meaning of sentence.

    Semantic Markup: Quotations


    There are two elements that make up quotations <q>

    <blockquote>.
    <blockquote> Element is used for longer quotes. Browsers

    indent blockquote.
    <q>The <q> element is used for shorter quotes that sit

    within a paragraph.

    Semantic Markup: Abbreviations, Address


    <abbr> To Display an Abbreviation or acronym, then <abbr>

    element can be used.

    <address> Element is used to display Address information

    You might also like