create menu card in html code table format

-



 how to create  table in html

Program

<!doctype.html>

<html>

<head>

<title>Menu card</title>

</head>

<table border="1">

<tr>

<th>Sr.No</th>

<th>Menu</th>

<th>Price</th>

</tr>

<tr>

<td>1</td>

<td align="center"><u>ice creams</u>

<ol>

<li>juice </li>

<li>Milk</li>

<li>cold coffee</li>

<li>Faluda</li>

<li>Water</li>

</ul>

</ol>

</td>

<td>

<ol>

<li>70</li>

<li>50</li>

<li>80</li>

<li>60</li>

<li>100</li>

</ol>

</td>

</tr>

<tr>

<td>2</td>

<td align="center"><u>Drinks</u>

<ol>

<li>chocolete </li>

<li>kulfi</li>

<li>strawberry</li>

<li>Mango</li>

<li>Butterscotch</li></ul></ol>

</ol>

</td>

<td>

<ol>

<li>50</li>

<li>20</li>

<li>80</li>

<li>60</li>

<li>80</li>

</ol>

</td>

</tr>

<tr>

<td>3</td>

<td align="center"> <u>Break-fast</u>

<ol>

<li>poha</li>

<li>Upma</li>

<li>dosa</li>

<li>Rava</li>

<li>Thalipeeth</li>

</ol>

</td>

<td>

<ol>

<li>40</li>

<li>50</li>

<li>70</li>

<li>30</li>

<li>80</li>

</ol>

</td>

</tr>

</table>

</html>


OUTPUT

create menu card in html code

Related Post 

html id attribute

html unordered list

html form input type

Comments

Post a Comment

Popular posts from this blog

HTML pre tag

-
Image
                                    HTML pre Tag Information   1. The <pre> tag defines preformatted text.  2. Text in a <pre> element is displayed in a fixed-width font. 3.  text preserves both spaces and line breaks.  4. syntax with :- <pre>.......</pre> tag 5. displayed in a fixed-width font. 6 .The text will be displayed exactly as written in the HTML source code. Program     HTML <pre> tag <html> <head> <title>html pre tag </title> </head> <body> <pre> My name is ram my college name is satara   I like Apple My favourity color is skyblue </pre> </body> </html> OUTPUT          Related Post :-   html aside tag inline css in html html login in form
Read more

Inline css in html

-
Image
                       Inline CSS   Information: 1]    Inline CSS is used to apply a  unique style to a single HTML element . 2]   In inline CSS uses the    Style attribute of an HTML element. 3]   Css Apply in a Single element by inline css Technique.  4]  Inline css also use method to insert style sheets in HTML document Inline Css        Program <html> <head> <title>inline property</title> </head> <body> <h1 style="color:red; background-color:pink;">html</h1> <p style="color:purple;">hyper text markup language</p> <h3>Information</h3>s <dl>INLINE CSS APPLY</dl> <dd>inline csss use</dd> <P>Css Apply in a Single element by inline css Technique.<br>  inline css also use method to insert style sheets in HTML document.  </P> ...
Read more

how to add background image in html.

-
Image
how to insert background image in html Program    Background Image  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < style >     p { background-image : url ( 'https://cdn.wallpapersafari.com/27/83/hGWHei .jpg' ); <!-- image path --> height : 600px ; <!--height of image-->         width : 50% ;     }     p {         color : red ;         text-align : center ;     } </ style > < body >     < h1 > Background Image </ h1 >     < BR<BR >< BR > < p > < BR<BR >< BR >< BR >< BR > how to insert background image ...
Read more

CSS text-emphasis-color Property

-
Image
 Learn CSS text-emphasis-color Property  Learn CSS text-emphasis-color Property The text-emphasis-color property in Cascading Style Sheets (CSS) is used to set the color of emphasis marks applied to text. Syntax: selector  {   text-emphasis-color : color ;  }   Learn CSS text-emphasis-color Property Example <! DOCTYPE html > < html > < head > < style > h1 {     text-emphasis-style : circle ;   text-emphasis-color : blue ; } p {   text-emphasis-style : triangle ;   text-emphasis-color : red ; } h2 {   text-emphasis-style : double-circle ;   text-emphasis-color : orange ; } h3 {     text-emphasis-style : sesame ;   text-emphasis-color : red ; } </ style > </ head > < body > < h1 > CSS text-emphasis-color Property </ h1 > < p > https://webdesigningtheory.blogspot.com/ </ p > < h2 > Web Designing Theory </ h2 > < h3 > ...
Read more

css id selector

-
Image
        CSS ID Selector 1] css id selector  attribute  is the unique identifier in an html document. 2] id selector use # character. 3] css id selector is used to apply style specific HTML element. Syntax :- #id  { // css property } CSS id selector  Example:- <! DOCTYPE html > < html > < head >     < title > css id selector </ title >     < style >         #web         {             text-align : center ;             color : brown ;         }     </ style > </ head > < body >     < h2 id = "web" >         hello https://webdesigningtheory.blogspot.com/ </ h2 >         < h3 > This is program of Css ID Selector </ h3 >     </ h2 >     </ body ...
Read more