Scribd Logo
Upload

Welcome to Scribd!

  • 3 views

    HTML Editors

    Uploaded by

    Luna Begum

    Copyright:

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

    You might also like

    HTML Editors

    Uploaded by

    Luna Begum
    3 views1 page

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    3 views1 page

    HTML Editors

    Uploaded by

    Luna Begum

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 1

     Tutorials  Exercises  Certificates  Services  Search...

     Plus Spaces Get Certified Sign Up Log in

    HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ❯

    HTML Tutorial ADVERTISEMENT

    HTML HOME
    HTML Introduction
    HTML Editors
    HTML Basic
    HTML Elements HTML Editors
    HTML Attributes
    HTML Headings ❮ Previous Next ❯
    HTML Paragraphs
    HTML Styles
    HTML Formatting A simple text editor is all you need to learn HTML.
    HTML Quotations
    HTML Comments
    HTML Colors  Learn HTML Using Notepad or TextEdit
    HTML CSS
    HTML Links  Web pages can be created and modified by using professional HTML editors.
    HTML Images 
    However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).
    HTML Favicon
    HTML Page Title We believe that using a simple text editor is a good way to learn HTML.
    HTML Tables 
    HTML Lists Follow the steps below to create your first web page with Notepad or TextEdit.

    HTML Block & Inline
    HTML Div
    HTML Classes Step 1: Open Notepad (PC)
    HTML Id
    HTML Iframes Windows 8 or later:

    HTML JavaScript
    Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.
    HTML File Paths
    HTML Head Windows 7 or earlier:
    HTML Layout
    Open Start > Programs > Accessories > Notepad
    HTML Responsive
    HTML Computercode

    Step 1: Open TextEdit (Mac)


    Open Finder > Applications > TextEdit

    Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"

    Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text". COLOR PICKER
    Then open a new document to place the code.

    Step 2: Write Some HTML


    
    Write or copy the following HTML code into Notepad:
    ADVERTISEMENT

    <!DOCTYPE html>
    <html>
    <body>

    <h1>My First Heading</h1>

    <p>My first paragraph.</p>

    </body>
    </html>

    ADVERTISEMENT

    Step 3: Save the HTML Page


    Save the file on your computer. Select File > Save as in the Notepad menu.

    Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).

    Tip: You can use either .htm or .html as file extension. There is no difference; it is up to you.

    Step 4: View the HTML Page in Your Browser


    Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with").

    The result will look much like this:

    W3Schools Online Editor - "Try it Yourself"


    With our free online editor, you can edit the HTML code and view the result in your browser.

    It is the perfect tool when you want to test code fast. It also has color coding and the ability to save and share code with others:

    Example
    <!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>

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

    </body>
    </html>

    Try it Yourself »

    Click on the "Try it Yourself" button to see how it works.

    W3Schools Spaces
    If you want to create your own website and save your code online, try our free website builder, called W3schools Spaces:

    W3Schools Spaces
    Everything you need right in the browser.

    Get Started Now

    Video: HTML Editors

    ❮ Previous Next ❯

    W3schools Pathfinder
    Track your progress - it's free! Sign Up Log in

    ADVERTISEMENT ADVERTISEMENT

     SPACES UPGRADE AD-FREE NEWSLETTER GET CERTIFIED CONTACT US

    Top Tutorials Top References Top Examples Get Certified


    HTML Tutorial HTML Reference HTML Examples HTML Certificate
    CSS Tutorial CSS Reference CSS Examples CSS Certificate
    JavaScript Tutorial JavaScript Reference JavaScript Examples JavaScript Certificate
    How To Tutorial SQL Reference How To Examples Front End Certificate
    SQL Tutorial Python Reference SQL Examples SQL Certificate
    Python Tutorial W3.CSS Reference Python Examples Python Certificate
    W3.CSS Tutorial Bootstrap Reference W3.CSS Examples PHP Certificate
    Bootstrap Tutorial PHP Reference Bootstrap Examples jQuery Certificate
    PHP Tutorial HTML Colors PHP Examples Java Certificate
    Java Tutorial Java Reference Java Examples C++ Certificate
    C++ Tutorial Angular Reference XML Examples C# Certificate
    jQuery Tutorial jQuery Reference jQuery Examples XML Certificate

         FORUM ABOUT CLASSROOM


    W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
    Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
    of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

    Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.

    You might also like