Scribd Logo
Upload

Welcome to Scribd!

  • BITM 2 Class

    Uploaded by

    Md Sujon Mia
    33 views18 pages
    Css

    Original Title

    BITM 2 Class (1)

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Css

    Copyright:

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

    BITM 2 Class

    Uploaded by

    Md Sujon Mia
    Css

    Copyright:

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

    Hello Web

     Editor/IDE[Integrated Development
    Environment]
    1. Dreamweaver
    2. Notepad ++
    3. Netbeans
    4. Atoms
    5. Php Strom
     http://www.html-5-tutorial.com/all-html-
    tags.htm
     W3C.org [The World Wide Web Consortium]
    W3C is the principle organization that sets
    standards for HTML.
     www.w3schools.com
    W3schools is a reference site.
     http://www.webcoachbd.com/
    WebCoachBD is a reference site.
     An HTML element usually consists of
    a start tag and end tag, with the content
    inserted in between:
     <tagname>Content goes here...</tagname>

     Example : <p>My first paragraph.</p>


     HTML Attributes

     Attributes provide additional information about an element


     Attributes are always specified in the start tag

     Example :
     <p title="I'm a tooltip">
    This is a paragraph.
    </p>

    Href Attributes

     <a href="https://www.bitm.org.bd/">Go to Bitm</a>

    Size Attributes
    <img src=“bitm.jpg" width="104" height="142">
     alt Attribute

     <img src=“bitm.jpg" width="104" height="14


    2“ alt="W3Schools.com">
     Charset
    The Unicode Standard covers (almost) all the characters,
    punctuations, and symbols in the world. Unicode enables
    processing, storage, and transport of text independent of
    platform and language. The default character encoding in
    HTML-5 is UTF-8. If an HTML5 web page uses a
    different character set than UTF-8

    <!DOCTYPE html>
    <html>
    <head>
    <title>HOME</title>
    <meta charset="UTF-8">
    </head>
    <body>
    <div>ঈদের ছুটি বাড়দে পাদর </div>
    </body>
    </html>
     <p>
    This paragraph
    contains a lot of lines
    in the source code,
    but the browser
    ignores it.
    </p>
    <p>
    This paragraph
    contains a lot of spaces
    in the source code,
    but the browser
    ignores it.
    </p>
     <tagname style="property:value;">

     <body style="background-
    color:powderblue;">

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>

    </body>
     <h1 style="color:blue;">This is a
    heading</h1>

    <p style="color:red;">This is a
    paragraph.</p>
    <h1 style="font-size:300%; color:green;">This
    is a heading</h1>

    <p style="font-size:160%;">This is a
    paragraph.</p>
     <h1 style="text-align:center;">Centered
    Heading</h1>
    <p style="text-align:center;">Centered
    paragraph.</p>
    <b> - Bold text </b>
    <strong> - Important text </strong>
    <i> - Italic text </i>
    <em> - Emphasized text </em>
    <u> Underline Text </u>
    <mark> - Marked text </mark>
    <small> - Small text </small>
    <del> - Deleted text </del>
    <ins> - Inserted text </ins>
    <sub> - Subscript text </sub>
    <sup> - Superscript text </sup>
    <br/> break in Text
    <hr/> line in text
    <!DOCTYPE html>
    <html>
    <body>

    <p>This text is normal.</p>

    <p><b>This text is bold.</b></p>


    <p><strong>This text is strong.</strong></p>
    <p><u>This text is bold.</u></p>

    <p><i>This text is italic.</i></p>


    <p><em>This text is emphasized.</em></p>

    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <body>

    <h2>HTML <small>Small</small>
    Formatting</h2>
    <h2>HTML <mark>Marked</mark>
    Formatting</h2>

    </body>
    </html>
     <!DOCTYPE html>
     <html>
     <body>

     <p>The del element represents deleted (removed) text.</p>

     <p>My favorite color is <del>blue</del> red.</p>


     <p>The ins element represent inserted (added) text.</p>

     <p>My favorite <ins>color</ins> is red.</p>

     </body>
     </html>
     <!DOCTYPE html>
     <html>
     <body>

     <p>This is <sub>subscripted</sub>
    text.</p>

     </body>
     </html>
    <!DOCTYPE html>
    <html>
    <head>
    <title>HOME</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
    <table border="1" width="980" align="center">
    <tr>
    <td height="150" width="150">
    <img src="images/logo.jpg" alt="logo_image" height="150" width="150">
    </td>
    <td colspan="2"></td>
    </tr>
    <tr>
    <td height="50" colspan="3"></td>
    </tr>
    <tr>
    <td height="600"></td>
    <td></td>
    <td width="150"></td>
    </tr>
    <tr>
    <td height="40" colspan="3"></td>
    </tr>
    </table>
    </body>
    </html>

    You might also like