----------------------------------------------------------

 HyperText Markup Language?
-Markup Tags + Text


   





-<title> , <body> , <head> , <p> , etc.

<html>
    <head>
                <title> ….. </title>
    </head>
    <body>
                <h1> ….. </h1>
                <p> ….. </p>
    </body>

</html>

----------------------------------------------------------


Hypertext Links


eg: What is HTML?
    


----------------------------------------------------------

 Tables

example:
<html>
<body>
<h3>Cupcake Bumblebee:</h3>
<table border="2"
cellpadding="10">
<tr>
<th>NAME</th>
<th>MATRIC NO</th>
<tr/>
<tr>
<td>Haziqah binti Sazmi</td>
<td>1620732</td>
</tr>
<tr>
<td>Asma Nadiah binti Mohd Noor</td>
<td>1629024</td>
</tr>
</table>

<p>
without cellpadding
</p>
<table border="2">

<tr>
<th>NAME</th>
<th>MATRIC NO</th>
<tr/>
<tr>
<td>Haziqah binti Sazmi</td>
<td>1620732</td>
</tr>
<tr>

<td>Asma Nadiah binti Mohd Noor</td>
<td>1629024</td>
</tr>
</table>

</body>

</html>


----------------------------------------------------------

Images


Now I would like to explain how to adding images to document or we said how to embedding images.
HTML images are defined with the <img> tag.
1.            Use the HTML <img> element to define an image.
2.            Use the HTML src attribute to define the URL of the image.
3.            Use the HTML alt attribute to define an alternate text for an image, if it cannot be displayed.
4.            Use the HTML width and height attributes to define the size of the image.
The source file (src), alternative text (alt), width, and height are provided as attributes:
Example
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

IMG: Embedding Images
•Example
<img src=“SomeFile.gif” alt=“My Cat” width=“400” height=“300”>
•Attributes:
–src (required)
–alt (technically required)

–width, height

Comments

Post a Comment