Thursday, December 7, 2023

HTML(CODE STRUCTURE)

 Basic Structure

<html>

<head>

<title></title>

</head>

<body>

</body>

</html>

Basics of Text Formatting

<p> </p> Paragraph

<br> Line Break

&nbsp Spacing

<h1></h1> to <h6></h6> Heading and Sub Headings

<center> </center> Center Text

<font size=?> size ranges from 1 to 7 </font> Font Size

<font color=?> color ranges </font> Font Color

<font face=?> font format </font> Font Face


List in HTML

<ul> Unordered List

<li> </li>

</ul> 

<ol>  Ordered Lists

<li> </li>

</ol>

<dl> Definition List

<dt> </dt>

<dd> </dd>

</dl>

Adding Image in a Webpage with border

<img src="C:\Users\HP440\Pictures\anyimage.jpg" border=5>

Specifying Image size in a webpage and alternate to an image

<img src="C:\Users\HP440\Pictures\anyimage.jpg" height=300 weidth=300 alt="anypicture">

Background, Foreground Colors and Background Images

<body  background="C:\Users\HP440\Pictures\anyimage.jpg" bgcolor=blue text=yellow>

</body>

Hyperlinks & Anchor Tags

<a href="https://www.wikipedia.org/" target="_blank"> Click for Wikepedia </a>

Hyperlink within a web page

<h1>para1</h1><a href=#p15> Go to para 15</a>

<h1>para15</h1><a name="p15"> </a>

Graphical Hyperlink

<a href="https://www.wikipedia.org/"> <img src="C:\Users\HP440\Pictures\wikepedia.jpg"> </a>

Creating Tables

<table border=1 cellspacing=5 cellpadding=5>

<tr>

<td> </td>

</tr>

</table>

More on Creating Tables

<table>

<tr>

<td colspan=3> Student Information </td>

<td rowspan=3> Ali </td>

</tr>

</table>

Creating Frameset

<html>

<frameset cols=50%,50%>

<frameset rows=50%,50%>

frame src="links1.html"

frame src="links2.html"

</frameset>

</html>

No comments:

Post a Comment

2nd Prelims Paper With Key