Scribd Logo
Upload

Welcome to Scribd!

  • 34 views

    Database Driven Web Programming SEM 1 SESSION 2020/2021

    Uploaded by

    nurshazihah
    This document provides an overview of HTML tags and best practices for using them. It includes: 1) Descriptions of common tags like <h1>-<h6> for headings, <br> for line breaks, <a> for links, <img> for images, and lists, tables, and forms. 2) Examples of how to use these tags, such as inserting an image and creating a table with rows and columns. 3) Tips for good practices like using comments, saving image files, and resizing images. It suggests accessing files across pages.

    Copyright:

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

    You might also like

    Database Driven Web Programming SEM 1 SESSION 2020/2021

    Uploaded by

    nurshazihah
    34 views12 pages
    This document provides an overview of HTML tags and best practices for using them. It includes: 1) Descriptions of common tags like <h1>-<h6> for headings, <br> for line breaks, <a> for links, <img> for images, and lists, tables, and forms. 2) Examples of how to use these tags, such as inserting an image and creating a table with rows and columns. 3) Tips for good practices like using comments, saving image files, and resizing images. It suggests accessing files across pages.

    Original Description:

    Original Title

    K00814_20201005132449_02 HTML

    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
    This document provides an overview of HTML tags and best practices for using them. It includes: 1) Descriptions of common tags like <h1>-<h6> for headings, <br> for line breaks, <a> for links, <img> for images, and lists, tables, and forms. 2) Examples of how to use these tags, such as inserting an image and creating a table with rows and columns. 3) Tips for good practices like using comments, saving image files, and resizing images. It suggests accessing files across pages.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    34 views12 pages

    Database Driven Web Programming SEM 1 SESSION 2020/2021

    Uploaded by

    nurshazihah
    This document provides an overview of HTML tags and best practices for using them. It includes: 1) Descriptions of common tags like <h1>-<h6> for headings, <br> for line breaks, <a> for links, <img> for images, and lists, tables, and forms. 2) Examples of how to use these tags, such as inserting an image and creating a table with rows and columns. 3) Tips for good practices like using comments, saving image files, and resizing images. It suggests accessing files across pages.

    Copyright:

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

    MTD3063

    DATABASE DRIVEN WEB PROGRAMMING


    SEM 1 SESSION 2020/2021

    1
    HTML

    2
    JC123 #7 & #9
    HTML DSKP 4.2.2

    A GOOD PRACTICE: Type < > then insert the text. Check the open and
    close tags. They come in pairs. To teach, type first then explain.
    3
    JC123 #7 & #9
    HTML DSKP 4.2.2
    We save as index.html

    OUTPUT

    A GOOD PRACTICE: Can we save the file using different name?


    4
    JC123 #1
    HTML
    Menggunakan tags dalam atur cara HTML <head>, <title>, <body>, <p>.

    5
    Tag Description
    1 <h1> to <h6> Defines HTML headings

    6
    Tag Description Example
    2 <br> new line <br> Ini adalah baris berikutnya.
    <a> link <a href=“http://www.upsi.edu.my">UPSI</a>
    3 comments <!– Ini contoh komen-->
    <!-- -->
    4 <img> link to an image <img src=“upsi_logo.jpg">
    5
    A GOOD PRACTICE:
    Why we need to use comments?
    Where should we save/keep our image file?
    7
    JC123 #12
    HTML
    Inserting an image

    A GOOD PRACTICE: How to resize images?


    8
    Tag Description Example
    <ul><li>..< unordered list <ul>
    6 /li></ul>   <li>Bunga Raya</li>
      <li>Bunga Kertas</li>
      <li>Bunga Ros</li>
    </ul>
    <ol><li>..< ordered list <ol>
    /li></ol>   <li>Bunga Raya</li>
      <li>Bunga Kertas</li>
    7   <li>Bunga Ros</li>
    </ol>

    9
    Tag Description Example
    <table>
    8 <table><tr Create a table with a
    ><td>..</t single row (<tr>) and a <tr> <td> UPSI</td> </tr>
    d></tr></ single column (<td>) </table>
    table>
    <th> Table header <table>
    <tr> <th>Nama Universiti</th> </tr>
    <tr> <td> UPSI </td></tr>
    <tr> <td> UKM </td></tr>
    9 </table>

    10
    HTML FORM
    Example :

    A GOOD PRACTICE: How to access files/images from one to another?


    11
    HTML FORM

    12

    You might also like