design webpage using basic html tags

tejas deepak talkar June 11, 2020
in this HTML tutorial we are learn about basic HTML tags and make a web page using that tags.
  •  Document Structure Tags
  •  Various Text Formatting Tags
  •  List Tags
  •  Image and Image Mapping tag
 document structure tag:-
<html> <head> <title> <body> <DOCTYPE> this tags are basic document structure tags in HTML document structure tags is used to store provide information about your document and also used to compile your document.

text formatting tags:-
HTML is a language which is give you to ability of formatting text like MS world or any other text editor. this following tags is used to formatting text in html.
  • <b> - bold text
  • <strong> -important text
  • <i>- italic text
  • <em>- emphasized text
  • <mark> - marked text
  • <small>- small text
  • <del>- delete text
  • <ins> inserted text
  • <sub> - subscribe text
  • <sup> - superscript text.
list tags:-
HTML language allow you to group a set of related element in list. basically list tags is used to list the element.list is a two type order and an order list. 


Unordered list


  • Item

  • Item

  • Item

  • item

Ordered list


  1. Item

  2. Item

  3. Item

  4. Item




syntax
<ul>
    <li>coffee</li>
    <li>tea</li>
    <li>milk</li>
</ul>

image mapping tags:-
HTML language is allow you to insert image in document. <img> tag is used to insert image in web page.
the <ing> tag has two required attribute
  • src- specify path of image
  • alt- it specifies an alternate text for the image, if the image is not display some reason 
code:-
<html>
<head>
<title>All_common_tags</title>
</head>
<body bgcolor="white" text="black">


<h1 align="center">Most Expensive cars in the world of car !!!!</h1>
<ul type="circle">
<li>
<font color="blue"size="5"face="Lato">Lamborgini</font>
</li>
</ul>
<a href="pract1.html">
<img align="right" src="html1.jpg"width="300"height="300"border="2">


</a>
<p>
<h3>
<ol>
<li><i><u>Ferruccio Lamborghini, an italian manufaccturing magnate, founded Automobili .</u></i></li>
<li>Ferruccio Lamborghini S.p.A . in 1963 to complete eith established marques,
including Ferrari (56 years ago).</li>
<li>It is Headquaters is located in Sant'Agata Bolognese ,Italy.</li>
<li>It is served world wide i.e all over in the world.</li>
<li>parent of Ferruccio Lamborghini is Audi.</li>
<li>The company gained wide acclaim in 1966 for the Miura sports couple,
which established rear mid-engine,rear wheel drive
as the standard layout for high-performance cars of the era.</li>
<li>Lamborghini grew rapidly during its first decade.</li>
<li>Lamborghini produces sports cars and V12 engines for offshore powerboat racing.</li>
<li>Lamborghini currently produces the V12-powered Aventador and
the V10-powered Huracan along with the Urus SUV powered by twin- turbo V8 engine.</li>
</ol>
</h3>
<br><br><br><br>




<ul type="circle">
<li><i><font color="blue"size="5"face="Lato">Ferrai</font></i></li>
</ul>
<map name="first">
<area coords="106,65,156,95" shape="rect" href="pract1.html">
</map>
<img align="right"src="html2.jpg"width="300"height="300"border="2" usemap="#first">
<p>
<h3>
<ol>
<li><i><u>Ferrari is an Italian luxury sporys car Manufacturer based in Maranello .</u></i></li>
<li>Founded by Enxo Ferrari in 1939(79 years ago in Modena,italy)out of Alfa Remeo's race division
as Auto Avio Costruzioni, the company built its first car in 1940 . </li>
<li>Its Headqurters is Locted in Amsterdam,Netherlands and Maranello,Emilia-Romagna,italy.</li>
<li>In 2014 Ferrari was related the Worlds' most powerfull brand by Brand Finance.</li>
<li>In june 2018,the 1964 250 GOT became the most expensive car of history,
setting an all-time record selling price of $70 million.</li>
<li>Ferrari road cars are generally seen as a symbol of speed , luxury and wealth.</li>


</ol>
</h3>
<br><br><br><br>
</body>
</html>

output:-
design webpage using basic html tags










Tags:

Post a Comment

0 Comments