Scribd
Upload
64 views2 pages

Hyper Text Mark Up Language

The document provides an overview of HTML tags for formatting text, inserting images, links, lists, tables, and other elements on a web page. It also describes how to use CSS to style HTML elements by tag name, ID, or class. Key HTML tags covered include <head>, <title>, <body>, headings, text formatting, links, lists, images, tables, and forms. CSS is introduced as a way to define styles that control properties like color, font, size and apply them using selectors like tags, IDs and classes.

Uploaded by

Full Study
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
64 views2 pages

Hyper Text Mark Up Language

The document provides an overview of HTML tags for formatting text, inserting images, links, lists, tables, and other elements on a web page. It also describes how to use CSS to style HTML elements by tag name, ID, or class. Key HTML tags covered include <head>, <title>, <body>, headings, text formatting, links, lists, images, tables, and forms. CSS is introduced as a way to define styles that control properties like color, font, size and apply them using selectors like tags, IDs and classes.

Uploaded by

Full Study
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Nasir Ahmed Khan HTML & DHTML & CSS 2010-EE-043

Hyper Text Mark Up Language (HTML)


HTML Tag Basic Format : <element attribute=value>
<html> All coding
<head> for page management
<title>Page name </title>
<meta name=”author” content=”Nasir”> it’s not physically
<meta http-equiv=”refresh” content=”2”> for online editing
</head>
<h1> for 1st heading </h1>…..<h5> 5th or last heading </h5>
<body bgcolor= any color you want on back ground> everything you want on a page write in a
body
<b> for bold <\b>
<i>for italic </i>
<u> for underline </u>
<hr>width=50% size=10 no shade <\hr> use for print a horizontal row
<Strong> for underline </strong> in dream viewer
<em> for italic </em> in dream viewer
e<sup>2</sup> for power of no:
h<sub>2</sub>o for base of no:
<br> for line break
<p align=right or left or center or justify > for paragraph gape </P>
<code> for print the sign of <,>,&, “Quot”
A &gt b (a>b)
A &lt b (a<b)
A &amp b (a&b)
&quot a &quot (“a”)
</code>
<a href=[Link]> move to page <\a> for external link
<a href=#internet> def:internet </a> For internal link
.
<a name=internet> internet </a>
<address> <a href=[Link] click here to go to google </address> for link of
outside the web
<pre> as it is out out as input </pre>
<block quote> for long quotation or statement <\block quote>
<div align=left>this is my first division<\div> use for divide a page
<div align=right>this is my last division<\div>
<img src=pic [Link](.gif or .jpg or .png) alt=”tag of picture”> any name </img> use for
insert picture
(gif=graphical interchange formate image), (Jpeg=joint photographic expert group image),
(Png=portable network graphic image)
<bgsound src=”[Link]”(.mp3 or .wav or other) loop=”infinite”> use for insert back
ground sound.

1
Nasir Ahmed Khan HTML & DHTML & CSS 2010-EE-043

<embed src=[Link] (.avi or .mp4 or .mpg) height=200 width=200> use for inser
video.
<font color=lightblue size=72 face=arial>……<\font>
<span style=font-size:25; color:blue<\span>
<ul> use for unordered lists…… like bullets
<li type=squre or circle or disk> for different items of a list <\ul>
ol type=I or i or A or start=2> use for ordered list
<li> for items of list <\ol>
<dl> for the list of definition….
<dt> definition tem
<dd> definition define
<\dl>
2-ordered list
<table border=2> use to make a table.
<caption> heading on the table </caption>
<th align=center colspan=1> heading on one or multiple col </th> colspan=use to merge the
columns.
<th align=center colspan=3> heading on one or multiple col </th> colspan=use to merge the
columns.
<tr> for table row … 1st and there col…. Than 2nd and there col….so on…
<td rowspan=3> for table col </td> rowspan=row merging.
.
</table>
<\body>
<\html>
DHTML (dynamic HTML) & CSS
After title tag in head in html…
<style type=”text/css”> selector{property:value} </style>
e.g <style type=”text/css >
1. P{color:red;font-size:25;font-face:arial} and than use the paragraph tag in body
2. #define name{color:red;font-size:25} and use in a body as.. <p id=”define name”>….</p>
3. .define name or [Link] name{element:value} and use as: <em or element class=define
name>…..
<em or element>
</style>

You might also like