Scribd Logo
Upload

Welcome to Scribd!

  • 451 views

    HTML Introduction: Structure and Formatting Tags

    Uploaded by

    Hari Ng Sablay
    The document discusses HTML tags and elements. It explains that HTML is a markup language used to describe web pages and is made up of tags like <h1> for headings and <p> for paragraphs. It also covers common HTML tags for headings, paragraphs, links, and images and how to write HTML code using a basic text editor.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPTX, PDF, TXT or read online from Scribd

    HTML Introduction: Structure and Formatting Tags

    Uploaded by

    Hari Ng Sablay
    451 views17 pages
    The document discusses HTML tags and elements. It explains that HTML is a markup language used to describe web pages and is made up of tags like <h1> for headings and <p> for paragraphs. It also covers common HTML tags for headings, paragraphs, links, and images and how to write HTML code using a basic text editor.

    Original Description:

    html

    Original Title

    HTML Introduction

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document discusses HTML tags and elements. It explains that HTML is a markup language used to describe web pages and is made up of tags like <h1> for headings and <p> for paragraphs. It also covers common HTML tags for headings, paragraphs, links, and images and how to write HTML code using a basic text editor.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    451 views17 pages

    HTML Introduction: Structure and Formatting Tags

    Uploaded by

    Hari Ng Sablay
    The document discusses HTML tags and elements. It explains that HTML is a markup language used to describe web pages and is made up of tags like <h1> for headings and <p> for paragraphs. It also covers common HTML tags for headings, paragraphs, links, and images and how to write HTML code using a basic text editor.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    You are on page 1of 17

    HTML Introduction

    Structure and Formatting Tags

    Example Explained The DOCTYPE declaration defines the document type (The <!DOCTYPE html> declaration is the doctype for HTML5.) The text between <html> and </html> describes the web page The text between <body> and </body> is the visible page content The text between <h1> and </h1> is displayed as a heading The text between <p> and </p> is displayed as a paragraph

    What is HTML?

    HTML is a language for describing web pages.

    HTML stands for Hyper Text Markup Language


    HTML is a markup language A markup language is a set of markup tags The tags describe document content HTML documents contain HTML tags and plain text HTML documents are also called web pages

    HTML Tags

    HTML markup tags are usually called HTML tags

    HTML tags are keywords (tag names) surrounded by angle brackets like <html> HTML tags normally come in pairs like <b> and </b>

    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, with a forward slash before the tag name

    Start and end tags are also called opening tags and closing tags

    <tagname>content</tagname>

    HTML Elements

    "HTML tags" and "HTML elements" are often used to describe the same thing.
    But strictly speaking, an HTML element is everything between the start tag and the end tag, including the tags:

    <p>This is a paragraph.</p>

    Web Browsers

    The purpose of a web browser (such as Google Chrome, Internet Explorer, Firefox, Safari) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:

    HTML Versions

    The <!DOCTYPE> Declaration

    The <!DOCTYPE> declaration helps the browser to display a web page correctly. There are many different documents on the web, and a browser can only display an HTML page 100% correctly if it knows the HTML type and version used.

    HTML Editors

    Writing HTML Using Notepad or TextEdit

    HTML can be edited by using a professional HTML editor like:


    Adobe Dreamweaver Microsoft Expression Web CoffeeCup HTML Editor

    However, for learning HTML it is recommend to use a text editor like Notepad (PC) or TextEdit (Mac). Using a simple text editor is a good way to learn HTML.

    Step 1:
    Start Notepad
    To start Notepad go to: Start All Programs Accessories Notepad

    Step 2:

    Type your HTML code into your Notepad:

    Step 3:
    Save Your HTML

    Select Save as.. in Notepad's file menu.

    When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.
    Save the file in a folder that is easy to remember.

    Step 4:
    Run the HTML in Your Browser
    Start your web browser and open your html file from the File, Open menu, or just browse the folder and double-click your HTML file.

    The result should look much like this:

    HTML Basic
    4 Examples

    HTML Headings

    HTML headings are defined with the <h1> to <h6> tags.


    Example

    <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3>

    HTML Paragraphs

    HTML paragraphs are defined with the <p> tag.


    Example

    <p>This is a paragraph.</p> <p>This is another paragraph.</p>

    HTML Links

    HTML links are defined with the <a> tag.


    Example

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

    Note: The link address is specified in the href attribute.

    HTML Images

    HTML images are defined with the <img> tag.

    Example
    <img src="w3schools.jpg" width="104" height="142">

    Note: The filename and the size of the image are provided as attributes.

    You might also like