Scribd Logo
Upload

Welcome to Scribd!

  • HTML Tag Sheet

    Uploaded by

    sanosh damion
    13 views2 pages
    The document provides an overview of basic HTML tags for formatting a simple web page. It lists common tags for the page structure (<html>, <head>, <body>), headings (<h1>), paragraphs (<p>), and links (<a href>). It also summarizes tags for text styling (<b>, <i>, <font>), line breaks (<br>), images (<img>), and attributes for alignment, borders, and colors. The document concludes with additional learning resources for HTML and CSS.

    Original Description:

    html basic tags

    Original Title

    HTML

    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
    The document provides an overview of basic HTML tags for formatting a simple web page. It lists common tags for the page structure (<html>, <head>, <body>), headings (<h1>), paragraphs (<p>), and links (<a href>). It also summarizes tags for text styling (<b>, <i>, <font>), line breaks (<br>), images (<img>), and attributes for alignment, borders, and colors. The document concludes with additional learning resources for HTML and CSS.

    Copyright:

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

    HTML Tag Sheet

    Uploaded by

    sanosh damion
    The document provides an overview of basic HTML tags for formatting a simple web page. It lists common tags for the page structure (<html>, <head>, <body>), headings (<h1>), paragraphs (<p>), and links (<a href>). It also summarizes tags for text styling (<b>, <i>, <font>), line breaks (<br>), images (<img>), and attributes for alignment, borders, and colors. The document concludes with additional learning resources for HTML and CSS.

    Copyright:

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

    HTML TAG SHEET

    Very Basic Web Page


    <html>
    <head>
    <title>Any Web Page</title>
    </head>
    <body>
    <h1>My Web Page</h1>
    <p>The first paragraph.</p>
    <p>The second paragraph</p>
    </body>
    </html>

    Basic Tags
    <html></html> Formatting
    Creates an HTML document <p></p>
    <head></head> Creates a new paragraph
    Sets off the title and other information that isn’t <p align="left">
    displayed on the web page itself Aligns a paragraph to the left (default), right, or
    <body></body> center.
    Sets off the visible portion of the document <br>
    Body Attributes Inserts a line break
    <body bgcolor="pink"> <blockquote></blockquote>
    Sets the background color, using name or hex value Indents text from both sides
    <body text="black"> <div align="left">
    Sets the text color, using name or hex value A generic tag used to format large blocks of HTML,
    <body link="blue"> also used for stylesheets
    Sets the color of links, using name or hex value
    <body vlink="#ff0000"> Links
    Sets the color of followed links, using name or hex <a href="URL"></a>
    value Creates a hyperlink

    <body alink="#00ff00"> <a href="mailto:EMAIL"></a>


    Sets the color of links on click Creates a mailto link

    Text Tags <a href="URL"><img src="URL"> </a> Creates an


    <hl></hl> to <h6></h6> image/link
    Creates headlines, largest to smallest <a name="NAME"></a>
    Creates a target location within a document
    <b></b>
    Creates bold text <a href="#NAME"></a>
    Links to that target location from elsewhere in the
    <i></i> document
    Creates italic text
    Image-Tags
    <em></em> <img src="name">
    Emphasizes a word (with italic) Adds an image

    <strong></strong> <img src="name" align="left">


    Emphasizes a word (with bold) Aligns an image: left, right, center; bottom, top,
    middle
    <font size="3"></font>
    Sets size of font, from 1 to 7 <img src="name" border="1">
    Sets size of border around an image
    <font color="green"></font>
    Sets font color, using name or hex value
    Additional Resources

    Learn More About HTML & CSS:

    Khan Academy: Intro to HTML and CSS


    https://www.khanacademy.org/computing/computer-programming/html-css

    Code Academy: HTML & CSS


    https://www.codecademy.com/learn/web

    Udacity: Intro to HTML & CSS (aimed at college and adult learners)
    https://www.udacity.com/course/intro-to-html-and-css--ud304

    W3School: HTML Tutorial (this is a commercial site but the basic tutorial is free)
    http://www.w3schools.com/html/

    Free Text Editors


     Notepad - Built in to all Windows Computers
     TextEdit - Built in on Mac/Apple computers
    o Komodo Edit - Free versions for Windows, Apple and Linux operating systems.
    o https://www.activestate.com/komodo-ide/downloads/edit

    Free Image Editors


     Paint - Built in to all Windows Computers
     Pixlr Express - Free online editor opens in Google Drive - https://pixlr.com/express/
     GIMP - Powerful but a bit harder to use than Paint or Pixlr - https://www.gimp.org/
     Paintbrush for Mac - http://paintbrush.sourceforge.net/

    Basic Keyboard Shortcuts (Use the Control Key in Windows and the Command Key for Macs)
     Ctrl-X -- Cut
     Ctrl-C -- Copy
     Ctrl-V --Paste
     Ctrl-F -- Find
     Ctrl-P -- Print
     Ctrl-U -- Reveal Codes
     Ctrl-Z -- Undo
     F12 -- Save As

    Content Management Platforms (used by most large commercial sites


     WordPress.com (Free for personal use with up to 3 Gigs of storage)
    https://wordpress.com
     WordPress.org
    https://wordpress.org - Main site for open source platform
     Joomla!
    https://joomla.org
     Drupal
    https://drupal.org

    You might also like