Scribd Logo
Upload

Welcome to Scribd!

  • HTMLNewpptx

    Uploaded by

    Sana Bashir
    5 views9 pages
    To create basic HTML pages, you need a text editor and web browser. Common text editors for HTML include Notepad, Notepad++, Visual Studio Code, Sublime Text, and Atom. Popular web browsers that can display HTML pages are Chrome, Firefox, Safari, Microsoft Edge, and others. An HTML file must have a .html extension and the main page is typically named index.html. An HTML page has a basic structure with <html>, <head>, <title>, and <body> tags. Common HTML tags include headings, paragraphs, lists, and links. Tags usually come in pairs with an opening and closing tag. Some tags like <br> are self-closing. Attributes provide additional

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    To create basic HTML pages, you need a text editor and web browser. Common text editors for HTML include Notepad, Notepad++, Visual Studio Code, Sublime Text, and Atom. Popular web browsers that can display HTML pages are Chrome, Firefox, Safari, Microsoft Edge, and others. An HTML file must have a .html extension and the main page is typically named index.html. An HTML page has a basic structure with <html>, <head>, <title>, and <body> tags. Common HTML tags include headings, paragraphs, lists, and links. Tags usually come in pairs with an opening and closing tag. Some tags like <br> are self-closing. Attributes provide additional

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views9 pages

    HTMLNewpptx

    Uploaded by

    Sana Bashir
    To create basic HTML pages, you need a text editor and web browser. Common text editors for HTML include Notepad, Notepad++, Visual Studio Code, Sublime Text, and Atom. Popular web browsers that can display HTML pages are Chrome, Firefox, Safari, Microsoft Edge, and others. An HTML file must have a .html extension and the main page is typically named index.html. An HTML page has a basic structure with <html>, <head>, <title>, and <body> tags. Common HTML tags include headings, paragraphs, lists, and links. Tags usually come in pairs with an opening and closing tag. Some tags like <br> are self-closing. Attributes provide additional

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 9

    INTRODUCTION To

    HTML.
    1
    HTML
    For Starting HTML, REQUIRED
    AND

    A Web An Editor Programme


    Browser • Notepad
    • Chrome • Notepad ++
    • Firefox • Visual Studio code
    • Safari • Sublime Text
    • Microsoft • Atom.io
    Edge
    • Any other
    Browser
    2
    • We do not require a server

    • File(s) Created Must have an


    extension .HTML

    • HTML file runs on a web Creating a HTML File

    browser ( Chrome, Edge, Tools Required


    Safari, …)
    Index.html --- important file
    • Index.html is the root/
    homepage of a website.
    3
    <html>

    <head>

    HTML Page <title> Title of the Page </title>

    Structure </head>

    <body>

    <h1> This is the Heading of html Page </h1>

    John Doel
    <p> This is the paragraph </p>

    <p> This is the Heading of html Page </p>


    Lorem ipsum dolor sit amet, lacus nulla ac netus
    nibh aliquet, porttitor ligula justo libero
    <ul> This is a un ordered list </ul>
    vivamus porttitor dolor, conubia mollit. Sapien
    nam suspendisse, tincidunt eget ante tincidunt

    </body>

    </html>
    4
    HTML <!DOCTYPE html>
    <html lang="en">
    <!– Standard Declaration-->

    Page <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible"
    Structure content="IE=edge">
        <meta name="viewport" content="width=device-
    width, initial-scale=1.0">
        <title>Our First Web Page</title>
        <link rel="stylesheet" href="css/style.css">
    </head>
    Lorem ipsum dolor sit
    amet, lacus nulla ac netus
    nibh aliquet, porttitor
    ligula justo libero vivamus

    5
    HTML TAGS
    Tag Syntax • Element Name Surrounded by angle
    <Tag Name> Content </Tag brackets
    Name>
    Examples: • Normally Come in Pairs ( start tag and an
    <h1> About Us </h1> end tag )
    <p> This is paragraph about some text …. </p>
    Self Closing • End tag is usually the same but with a
    <br/> forward slash
    <br>
    <hr> • Some tags are Self Closing

    6
    html tag Types

    In line : Block elements:


    - Do not Start on a new Line - Start on a new Line
    - Take only the necessary width - Take full width available.
    - Examples: - Examples:
    - <span>, <image>, <a> , <strong>, <em>, - <div>, <h1>…. <h6>, <p>, form

    7
    Tag Attributes
    All Tags can have attributes

    Examples: - Attributes provide information


    <a> tag about an element.
    - Placed within the start tag.
    <a href="https://www.google.com" target="_blank"> This
    links to Google </a>
    - Key ( attribute Name) and value
        = Attribute Value the value
    General Syntax
    - <tag Name attribute Name= “Attribute Value”> Content </tagName> always in quotes preferably
    Example 2 double quotes
    - <h1 title=“My College”> About my College /h1>

    Lorem ipsum dolor sit amet, lacus nulla ac netus nibh aliquet, porttitor ligula justo libero vivamus porttitor dolor, conubia mollit. Sapien nam suspendisse,
    tinciduntLorem ipsum dolor sit amet, lacus nulla ac netus nibh aliquet, porttitor ligula justo libero vivamus porttitor dolor, conubia mollit. Sapien nam suspendisse,

    8
    THANK
    YOU

    You might also like