Friday, March 29, 2024

Webpage using simple tags

 



<!DOCTYPE html>

<html lang="en">

<head>

    <title>My Simple Webpage</title>

</head>

<body>

    <header>

        <h1>Welcome to My Simple Webpage</h1>

    </header>

    <nav>

        <ul>

            <li><a href="#section1">Section 1</a></li>

            <li><a href="#section2">Section 2</a></li>

            <li><a href="#section3">Section 3</a></li>

        </ul>

    </nav>

    <main>

        <section id="section1">

            <h2>Section 1</h2>

            <p>This is the content of Section 1.

The font tag is an older HTML tag used to define the font style, size, and color of text. However, it is now deprecated in HTML5, and it's recommended to use CSS for styling instead.</p>

        </section>

        <section id="section2">

            <h2>Section 2</h2>

            <p>This is the content of Section 2.

The meta tag in HTML is used to provide metadata about the HTML document. Metadata includes information about the document itself, such as its character encoding, viewport settings for responsive design, authorship details, keywords, and descriptions for search engines, among other things

</p>

        </section>

        <section id="section3">

            <h2>Section 3</h2>

            <p>This is the content of Section 3.The img tag in HTML is used to embed images in a webpage. It is a self-closing tag, which means it doesn't have a closing tag. Instead, it uses attributes to specify the image source, alt text, width, height, and other properties.

</p>

        </section>

    </main>

   


    <h1>This is a Heading with Font Tag</h1>


    <p>This is a paragraph with <font color="red">red</font> text.</p>


    <font size="5">This text has a larger font size.</font>


    <font face="Arial">This text is in Arial font.</font>


    <font color="blue" size="4" face="Verdana">This text is blue, size 4, and in Verdana font.</font>


    <font size="6"><b>This text is bold and has a larger font size.</b></font>


    <font size="3" color="green"><i>This text is italicized and has a smaller font size.</i></font>



    <footer>

        <p>&copy; 2024 My Simple Webpage</p>

    </footer>

</body>

</html>


at No comments:
Labels:

Tags in head tag

☝✨✨✨✨✨✨✨✨✨✨✨✨✨

Tags commonly included within the <head> section of an HTML document are used for metadata, linking external resources, and specifying document information. Here are some examples:

  1. Metadata Tags:

    • <title>: Sets the title of the HTML document.
    • <meta>: Specifies metadata about the HTML document (e.g., character set, viewport settings, etc.).

  2. Link Tags:

    • <link>: Links external resources such as stylesheets (CSS) or icons.
    • <script>: Links external JavaScript files or embeds JavaScript code directly.

  3. Other Tags:

    • <style>: Defines internal styles within the HTML document.
    • <base>: Specifies the base URL and target for all relative URLs in the document.
    • <noscript>: Provides fallback content for users who have disabled scripts in their browser.

Here is an example of how these tags can be used within the <head> section of an HTML document:


<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Website</title> <link rel="stylesheet" href="styles.css"> <script src="script.js"></script> <style> /* Internal styles */ body { font-family: Arial, sans-serif; } </style> <base href="https://www.example.com/" target="_blank"> </head> <body> <!-- Body content goes here --> </body> </html>

In this example:

  • The <meta> tags define the character set and viewport settings.
  • The <title> tag sets the title of the document.
  • The <link> tag links an external stylesheet (styles.css).
  • The <script> tag links an external JavaScript file (script.js) and includes internal styles using the and includes internal styles using the <style> tag.
    • The <base> tag specifies the base URL and target for relative URL.

at No comments:
Labels:

Tag of HTML

 <!DOCTYPE html>

<html lang="en">

<head>

    <title>Image Tag Example</title>

</head>

<body>

    <h1>Example Image</h1>

    <img src="path_to_your_image.jpg" alt="Description of the image">

</body>

</html>


at No comments:
Labels:

Web Page using H1 to H6> tag and

tag

 



<!DOCTYPE html>

<html lang="en">

<head>

    

    <title> Web Page</title>

</head>

<body>

    <h1>Welcome to My Blog</h1>

    <p>This is a simple example of a web page using HTML.</p>

    <p>You can use heading tags (<code>&lt;h1&gt;</code> to <code>&lt;h6&gt;</code>) to create headings of different sizes.</p>

    <h2>About Me</h2>

    <p>I'm learning HTML to create awesome web pages.</p>

    <p>This paragraph is just to demonstrate multiple paragraphs in HTML.</p>

</body>

</html>


at No comments:
Labels:

Thursday, March 28, 2024

HTML Basic Tags

 

TagDescriptionExample
<html>Defines the root of an HTML document<html></html>
<head>Contains metadata about the document<head></head>
<title>Sets the title of the document<title>Welcome to My Website</title>
<body>Contains the content of the document<body><h1>Hello, World!</h1></body>
<h1> - <h6>Heading tags (largest to smallest)<h1>Main Heading</h1>
<p>Paragraph<p>This is a paragraph.</p>
<a>Anchor (creates a hyperlink)<a href="https://www.example.com">Link</a>
<img>Image<img src="image.jpg" alt="Image Description">
<ul>Unordered list<ul><li>Item 1</li><li>Item 2</li></ul>
<ol>Ordered list<ol><li>First</li><li>Second</li></ol>
<li>List item<ul><li>Item 1</li><li>Item 2</li></ul>
<table>Defines a table<table><tr><td>Row 1, Cell 1</td></tr></table>
<tr>Table row<tr><td>Row 1, Cell 1</td></tr>
<td>Table data cell<td>Row 1, Cell 1</td>
<th>Table header cell<th>Name</th><th>Age</th>
<form>Defines a form<form action="/submit" method="post"></form>
<input>Input field<input type="text" placeholder="Enter text">
<button>Button<button>Click Me</button>
<div>Division (for grouping content)<div><p>Content here</p></div>
<span>Inline division<p>This is a <span>small</span> word.</p>

These are some of the most commonly used HTML tags. Each tag serves a specific purpose and helps structure the content of a web page.

at No comments:
Labels:
Subscribe to: Posts (Atom)

Class: X Session: 2023-24 Computer Applications (Code 165) Sample Question Paper (Theory)

Check the Link of Sample Question Paper  https://drive.google.com/file/d/1Do3jskK-Ipt380Jl1XW1EpwlMVeQG41R/view?usp=drive_link https://drive...

  • HTML Basic Tags
      Tag Description Example <html> Defines the root of an HTML document <html></html> <head> Contains metadata about t...
  • HTML Questions & Answers for 10th Class
      Q1: What does HTML stand for? A: HTML stands for Hyper Text Markup Language . Q2: What is the purpose of the <!DOCTYPE html> decla...
  • Cyber Ethics: Simple Notes for 10th Class
      1. What is Cyber Ethics? Cyber Ethics is the study of what is right and wrong in the digital world. It involves understanding how to use t...