Scribd
Upload
109 views12 pages

Database Driven Web Programming SEM 1 SESSION 2020/2021

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.

Uploaded by

nurshazihah
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
109 views12 pages

Database Driven Web Programming SEM 1 SESSION 2020/2021

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.

Uploaded by

nurshazihah
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 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