Scribd Logo
Carica

Benvenuto in Scribd!

  • What Is HTML?: Kids Tutorial

    Caricato da

    Null Point
    235 visualizzazioni5 pagine
    1. Open Notepad and write the HTML code. Include <!DOCTYPE html> at the top, <html> and </html> tags, and <body> and </body> tags. 2. Within the <body> tags, add <h1>Myself</h1> as the title. 3. Add sections for "Who am I", "My Hobbies", and "Click here to find the movies I like" with appropriate heading tags. 4. Within the "Who am I" section, insert an image below the heading with the specified height and width. 5. Add

    Descrizione originale:

    Titolo originale

    HTML

    Copyright

    © © All Rights Reserved

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    1. Open Notepad and write the HTML code. Include <!DOCTYPE html> at the top, <html> and </html> tags, and <body> and </body> tags. 2. Within the <body> tags, add <h1>Myself</h1> as the title. 3. Add sections for "Who am I", "My Hobbies", and "Click here to find the movies I like" with appropriate heading tags. 4. Within the "Who am I" section, insert an image below the heading with the specified height and width. 5. Add

    Copyright:

    © All Rights Reserved
    Segnala contenuti inappropriati
    235 visualizzazioni5 pagine

    What Is HTML?: Kids Tutorial

    Caricato da

    Null Point
    1. Open Notepad and write the HTML code. Include <!DOCTYPE html> at the top, <html> and </html> tags, and <body> and </body> tags. 2. Within the <body> tags, add <h1>Myself</h1> as the title. 3. Add sections for "Who am I", "My Hobbies", and "Click here to find the movies I like" with appropriate heading tags. 4. Within the "Who am I" section, insert an image below the heading with the specified height and width. 5. Add

    Copyright:

    © All Rights Reserved
    Segnala contenuti inappropriati
    di 5

    KIDS TUTORIAL

    Class : VIII
    Holiday Homework
    Subject : ICT
    Topic : HTML Teacher’s Name : Sakib Shahriyar

    HTML is a very simple markup language. Here you’ll find the necessary resources to learn
    HTML. Also, Follow your book and follow these videos. If you face any problem do knock me.

    What is HTML?
    HTML is the standard markup language for creating Web pages.

    • HTML stands for Hyper Text Markup Language


    • HTML describes the structure of a Web page
    • HTML consists of a series of elements
    • HTML elements tell the browser how to display the content
    • HTML elements are represented by tags
    • HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
    • Browsers do not display the HTML tags, but use them to render the content of the page

    Example Explained

    • The <!DOCTYPE html> declaration defines this document to be HTML5


    • The <html> element is the root element of an HTML page
    • The <head> element contains meta information about the document
    • The <title> element specifies a title for the document
    • The <body> element contains the visible page content
    • The <h1> element defines a large heading
    • The <p> element defines a paragraph

    HTML Tags
    HTML tags are element names surrounded by angle brackets:

    <tagname>content goes here...</tagname>

    • HTML tags normally come in pairs like <p> and </p>


    • The first tag in a pair is the start tag, the second tag is the end tag
    • The end tag is written like the start tag, but with a forward slash inserted before the tag name

    HTML Page Structure

    Only the content inside the <body> section (the white area above) is displayed in a browser.
    How and Where to write HTML Codes:
    Step 1: Open Notepad (PC)

    Windows 8 or later: Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

    Windows 7 or earlier: Open Start > Programs > Accessories > Notepad

    Step 2: Write the HTML

    Step 3: Save the HTML Page


    Save the file on your computer. Select File > Save as in the Notepad menu.
    Name the file "index.html" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).

    HTML Documents
    All HTML documents must start with a document type declaration: <!DOCTYPE html>.

    The HTML document itself begins with <html> and ends with </html>.

    The visible part of the HTML document is between <body> and </body>.

    Heading: HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important
    heading. <h6> defines the least important heading.

    Example: <h1>This is heading 1</h1>

    Paragraph: HTML paragraphs are defined with the <p> tag.


    Example: <p>This is another paragraph.</p>

    Links: HTML links are defined with the <a> tag.


    Example: <a href="https://www.w3schools.com">This is a link</a>

    Images: HTML images are defined with the <img> tag. The source file (src), alternative text (alt), width, and height are
    provided as attributes.

    Example: <img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

    # Follow your book for guidance. Chapter 7 – Elementary HTML-I.


    Also, you can follow these videos
    1- https://youtu.be/dD2EISBDjWM
    2- https://youtu.be/-USAeFpVf_A
    3- https://youtu.be/U4UHoiK6Oo4
    4- https://youtu.be/Zy4KJeVN7Gk
    5- https://youtu.be/dM12ctixdT4
    Also, https://www.w3schools.com/html/default.asp is a great website to learn HTML.
    Now complete the task:
    Create this following webpage using HTML.
    • The title of the webpage should be “Myself”.
    • Insert an image under “Who am I”. The image height should be 180 and the width should
    be 150.
    • All the other images should be 240 in height and 360 in width.
    • On “Click here to find the movies” insert ‘www.imbd.com’ in the text ‘here’.
    # Email me the folder in zip file at sakib.kidstutorial@gmail.com.
    # Use “HTML_About Myself_(Your Name)” in the subject.

    Potrebbero piacerti anche