project code on 'html'+'css'

 <!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="index.css">
    <meta charset="UTF-8">
    <meta name="description" content="your description">
    <meta name="author" content="amit">
    <meta name="keywords" content="learner">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>
         amit website
           </title>
  </head>
    <body style="background-color: lightblue;">
   <!--comment-->
       <h1>comments are <i> invisible</i> </h1>
        <h2 class="green"> enjoy journey </h2>
        <a href="https://www.google.com"><b>google homePage</b></a><h/>
        <img width="100" height="100" src="https://pocket-syndicated-images.s3.amazonaws.com/5d37705114c9d.jpg" alt="a intellectual man"/>
        <video src="beret.mp4" poster="DSC112.jpg" controls autoplay width="300"></video>
        <a href="hh.html"> hh </a>
        <a href="cat.jpg">cat</a>
      <!--  <link href="https://www.google.com">google</link> -->
       hello world
     <p style="color: red; background-color: blue;">style your html</p>
<!--table-->
   <table>
    <thead>
     <caption><h2>list of numberes</h2>
       </thead>
       <tbody>
     <tr>
       <th> num1 </th>
       <th> num2 </th>
       <th> num3 </th>
     </tr>
      <tr>
        <td colspan="3"> one </td>
        <td> two </td>
        <td> three </td>
      </tr>
      <tr>
        <td> four </td>
        <td> five </td>
        <td> six </td>
      </tr>
    </tbody>
  </table>
  <!--containers & html
    div span
    block & inline text-->
    <!--below one is a example of a inlined text which take the space they need-->
    <a href="#"> link1</a>
    <a href="#"> link2</a>
<hr>
<!--block element take up the entire row-->
 <p>paragraph1</p>
 <p>paragraph2</p>
 <!--now span are inline and dives are block container-->
<span>span1</span>
<span>span2</span>
<div>div1</div>
  <div>div2</div>
<input type="password" name="" value="enter ur password"/><p/>
<textarea name="name" rows="25" cols="80">enter a pargraph</textarea><p/>
<input type="date" />
<input type="file" /> <!--to upload file we need javascript-->
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="">
<input type="radio" name="btn" value="">
<input type="radio" name="btn" value="">
<input type="submit"/>
<p/>
<form class="" action="index.html" method="post">ddd
</form>
<!--iframe is for web under a web-->
<iframe src="https://google.com.in/" width="1000" height="100">sorry</iframe><p/>
<ol>
  <li id="q">font style -normal</li>
  <li id="d">font style -italic</li>
</ol>
<div class="box">
</div>
    </body>
 </html>




<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="index.css">
    <meta charset="UTF-8">
    <meta name="description" content="your description">
    <meta name="author" content="amit">
    <meta name="keywords" content="learner">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>
         amit website
           </title>
  </head>
    <body style="background-color: lightblue;">
   <!--comment-->
       <h1>comments are <i> invisible</i> </h1>
        <h2 class="green"> enjoy journey </h2>
        <a href="https://www.google.com"><b>google homePage</b></a><h/>
        <img width="100" height="100" src="https://pocket-syndicated-images.s3.amazonaws.com/5d37705114c9d.jpg" alt="a intellectual man"/>
        <video src="beret.mp4" poster="DSC112.jpg" controls autoplay width="300"></video>
        <a href="hh.html"> hh </a>
        <a href="cat.jpg">cat</a>
      <!--  <link href="https://www.google.com">google</link> -->
       hello world
     <p style="color: red; background-color: blue;">style your html</p>
<!--table-->
   <table>
    <thead>
     <caption><h2>list of numberes</h2>
       </thead>
       <tbody>
     <tr>
       <th> num1 </th>
       <th> num2 </th>
       <th> num3 </th>
     </tr>
      <tr>
        <td colspan="3"> one </td>
        <td> two </td>
        <td> three </td>
      </tr>
      <tr>
        <td> four </td>
        <td> five </td>
        <td> six </td>
      </tr>
    </tbody>
  </table>
  <!--containers & html
    div span
    block & inline text-->
    <!--below one is a example of a inlined text which take the space they need-->
    <a href="#"> link1</a>
    <a href="#"> link2</a>
<hr>
<!--block element take up the entire row-->
 <p>paragraph1</p>
 <p>paragraph2</p>
 <!--now span are inline and dives are block container-->
<span>span1</span>
<span>span2</span>
<div>div1</div>
  <div>div2</div>
<input type="password" name="" value="enter ur password"/><p/>
<textarea name="name" rows="25" cols="80">enter a pargraph</textarea><p/>
<input type="date" />
<input type="file" /> <!--to upload file we need javascript-->
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="">
<input type="radio" name="btn" value="">
<input type="radio" name="btn" value="">
<input type="submit"/>
<p/>
<form class="" action="index.html" method="post">ddd
</form>
<!--iframe is for web under a web-->
<iframe src="https://google.com.in/" width="1000" height="100">sorry</iframe><p/>
<ol>
  <li id="q">font style -normal</li>
  <li id="d">font style -italic</li>
</ol>
<div class="box">
</div>
    </body>
 </html>




<!--THANK YOU-->

Comments

Post a Comment

Popular posts from this blog

From Purposeless Drift to the Disciplined Life

Image
Arjun's Odyssey: From Purposeless Drift to the Radiance of Discipline In the heart of a bustling city, amidst the cacophony of ambitions and dreams, Arjun found himself adrift, navigating life without a compass. His days were a medley of aimless pursuits, a patchwork of unfocused wanderings, and an apathetic dance with various activities. The world around him moved with purpose, but Arjun, a young man in his prime, remained untouched by the vigor that purpose could bring. ______________________________________________________________________ In those days, Arjun meandered through life like a leaf carried by a gentle breeze, indifferent to the direction it took. He engaged in various endeavors without a clear goal, his days blending into each other in a haze of nonchalance. The photo captures the essence of his aimless existence, a visual representation of the purposeless drifter he once was. The winds of change began to blow when local news outlets caught wind of Arjun's journe...
Read more

Embracing Solitude: Navigating the Modern Landscape of Loneliness

Image
Embracing Solitude: Navigating the Modern Landscape of Loneliness In a world that champions constant connectivity, the art of being alone has become a rare and often overlooked skill. Life Squared's recent document, "How to be Alone (but not Lonely)," delves into the intricate dance between solitude and loneliness in our hyper-connected society. Unraveling the complexities of finding meaningful alone time, the document not only acknowledges the challenges but also sheds light on the myriad benefits that solitude can bring to our lives. The Loneliness Paradox Loneliness has become a modern epidemic, despite the apparent interconnectedness facilitated by technology. Life Squared's exploration underscores the paradox of our times – the more connected we are, the lonelier we seem to feel. The document examines the societal pressures that prioritize constant social interaction, often leaving little room for the nourishing embrace of solitude. Striking a Balance Acknowledgi...
Read more

Tactics Unleashed: Maximizing Advantage Beyond Visionary Goals

Image
  The winter is coming...coming ...and has come . So does the new year And so does the old year I'm still sitting and thinking about my next project. What's with you? I know might be a different situation but I can say you are also thinking about your next step. If you are a chess player, you would have to find out what the best tactics are for NOW. Yeah! that's all you have or had and will have.  Vision is a nice thing to have... so does waking up early, and so does sleeping early. and so does completing every task on time. That's where TACTICS come. What does ChatGPT say of it? "Tactics" typically refer to specific actions or strategies employed to achieve a particular goal or objective. In various contexts, tactics can be applied in fields such as sports, military operations, business, or even interpersonal communication. In a general sense, tactics involve making deliberate choices and employing methods that are well-suited to a given situation. They are ...
Read more