HTML and Web Design
Quick linksHTML overview
HTML (HyperText Markup Language) is a web markup language that allows you to create web pages. While HTML is a fairly easy to learn markup language, it does contain over a hundred different tags that can be learned.
Like other markup languages, HTML consists of tags that let the browser know what action to perform. For example, <b>Bold Text</b> tells the browser the text within the <b> and </b> is bold text. Being a markup language, HTML does not need to be compiled and required no special editor. You can write HTML in any text editor or use anHTML editor designed for creating web pages.
Also, because it is your browser that interprets the HTML you can view all HTML pages on your computer without needing a server or uploading them to the Internet. Once you have familiarized yourself with HTML tags read through our where to start in HTML and web design for further information on creating a web page and posting it online.
Top 10 HTML Tags
Below is a listing of our suggested top 10 HTML commands we recommend learning first. Click on any of these tags to get more information about that tag.
| HTML Tag | Brief Description |
|---|---|
| <a> | Create a hyperlink to help visitors get from one page to another. |
| <br> | Create a single line break in a document. |
| <div> | Divide or section off content on a web page. |
| <form> | Create an interactive section on a web page for visitors to submit information. |
| <h1 to h6> | Designate headings of both different sizes and importance. |
| <html> | Tell a browser that it is viewing an HTML document. |
| <img> | Designate a holding space for linked images. |
| <p> | Designate a paragraph. |
| <script> | Designate a client-side script on a web page. |
| <table> | Create a table. |
HTML commands
Below is a table with a brief overview of every HTML command. Click on any of the links below or rows to get further information. The below table also gives a status of "HTML5" for all new HTML5 tags or "Deprecated" for tags that are or will be deprecated with future browsers.
| HTML Tag | Brief Description | Status |
|---|---|---|
| <!-- Hide --> | Create a hidden comment in your HTML code. | |
| <a> | Create a hyperlink to help visitors get from one page to another. | |
| <abbr> | Create an acronym or abbreviation of the selected text. | |
| <acronym> | Create an acronym for the selected text. | Deprecated |
| <address> | Create contact information of an owner or author. | |
| <applet> | Embed a Java applet into HTML. | Deprecated |
| <area> | Mark sections within an image map. | |
| <article> | Describe a section of content that is both self-contained and independent. | HTML5 |
| <aside> | Describe a section of content that is only partially related to the content near it. | HTML5 |
| <audio> | Embed sound files into a web page. | HTML5 |
| <b> | Bold selected text. | |
| <base> | Designate the base URL for every relative URL inside of a document. | |
| <basefont> | Designate the default font-family, font-size, and color for all text within a document. | Deprecated |
| <bdi> | Confine text that may be formatted in a different direction that other text on a web page. | HTML5 |
| <bdo> | Force text to go one way or another. | |
| <bgsound> | Embeds a sound file that plays when the page loads | |
| <big> | Make text larger. | Deprecated |
| <blink> | Caused a section of text to flash on and off | Deprecated |
| <blockquote> | Denote a section of an article has been quoted from another source. | |
| <body> | Section that contains a webpage's content, including hyperlinks, images, tables, text, etc. | |
| <br> | Create a single line break in a document. | |
| <button> | Create a clickable button. | |
| <canvas> | Draw graphics through the use of a scripting language like JavaScript. | HTML5 |
| <caption> | Add a title to a table. | |
| <center> | Center text in HTML. | Deprecated |
| <cite> | Mention any creative work. | |
| <code> | Designate that a section of text is computer code. | |
| <col> | Designate certain properties for each column. | |
| <colgroup> | Denote a group of columns within a table. | |
| <datalist> | Designate a list of options within the <input> element. | HTML5 |
| <dd> | Give details about a term within a description list. | |
| <del> | Indicate that a block of text has been deleted from a web page. | |
| <details> | Create an interactive widget in which content may be hidden. | HTML5 |
| <dfn> | Represent the defining instance of a term. | |
| <dialog> | Create a dialog box or modal window on a web page. | |
| <dir> | Designate a collection of filenames. | |
| <div> | Divide or section off content on a web page. | |
| <dl> | Contain a list of definitions and their descriptions. | |
| <dt> | Designate a a term within a description list. | |
| <em> | Give emphasis to selected text. | |
| <embed> | Designate an area for interactive content (plug-in) or an external application. | HTML5 |
| <fieldset> | Group related elements in a form by drawing a box around them. | |
| <figcaption> | Designate a caption for a <figure> element. | HTML5 |
| <figure> | Designate an area of self-contained content that does not affect the main flow of the article. | HTML5 |
| <footer> | Designate a footer for a document or a section of content. | HTML5 |
| <font> | Change certain qualities of a block of text on a web page. | Deprecated |
| <form> | Create an interactive section on a web page for visitors to submit information. | |
| <frame> | Designate a specific window within a <frameset> element. | |
| <frameset> | Contain a set of <frame> elements. | |
| <h1 to h6> | Designate headings of both different sizes and importance. | |
| <head> | Contain specific information about a web page, often referred to as metadata. | |
| <header> | Container for navigational or introductory items. | HTML5 |
| <hr> | Denote a thematic break on a web page. | |
| <html> | Tell a browser that it is viewing an HTML document. | |
| <i> | Designate a block of text that is different from the text around it, usually written in italic font. | |
| <iframe> | Designate an inline frame, which allows the user to embed an HTML document into the current web page. | |
| <img> | Designate a holding space for linked images. | |
| <input> | Create both input fields and interactive controls for web-based forms. | |
| <ins> | Indicate that a section of text has been inserted into a web page. | |
| <isindex> | Used to designate a single-line text box for search purposes | Deprecated |
| <kbd> | Designate that a section of text is keyboard input. | |
| <keygen> | Designate a key-pair generator field used within <form> tags. | HTML5 |
| <label> | Create labels for items in a user interface. | |
| <legend> | Designate a caption for the <fieldset> element. | |
| <li> | Designate a list item. | |
| <link> | Create a link between a web page and an external resource. | |
| <main> | Denote the main content of the <body> of a document that is unique to that page. | |
| <map> | Used with the <area> element to designate a client-side image map on a web page. | |
| <mark> | Highlight a section of text. | HTML5 |
| <marquee> | Designates a section of scrolling text | |
| <menu> | Designate a list of commands. | |
| <menuitem> | Designate a command that a user can invoke via a popup menu. | |
| <meta> | Provide metadata about a web page. | |
| <meter> | Gauge with a certain range on a web page. | HTML5 |
| <nav> | Designate a block of major navigational links. | HTML5 |
| <nobr> | Was used to designate that a section of text should not wrap automatically. | Deprecated |
| <noframes> | Backup tag for browsers that did not support the <frame> element. | |
| <noscript> | Designate a section of HTML to be inserted if scripting is turned off in the browser. | |
| <object> | Designate an object embedded into a web page. | |
| <ol> | Designate an ordered list. | |
| <optgroup> | Group together related options within a <datalist> or <select> element. | |
| <option> | Designate an item within the <optgroup>, <datalist>, or <select> elements. | |
| <output> | Represent the result of a user's action or a calculation. | HTML5 |
| <p> | Designate a paragraph. | |
| <param> | Designate parameters for plugins embedded into a web page using an <object> element. | |
| <pre> | Designate preformatted text. | |
| <progress> | Show how far a task has progressed. | HTML5 |
| <q> | Designate that the enclosed text is a short quotation. | |
| <rp> | Designate parenthesis that show what to display in browsers that do not support Ruby annotations. | HTML5 |
| <rt> | Designate the pronunciation of an East Asian word or character. | HTML5 |
| <ruby> | Designate a ruby annotation on a web page. | HTML5 |
| <s> | Create a strikethrough on a section of text. | |
| <samp> | Designate sample output from a computer. | |
| <script> | Designate a client-side script on a web page. | |
| <section> | Group thematically similar content together. | |
| <select> | Designate a control that presents a drop-down menu of options. | |
| <small> | Designate text that is one font size smaller, down to a browser's minimum. | |
| <source> | Designate additional media resources for the <video> and <audio> elements. | |
| <span> | Used as an inline container for grouping or phrasing content. | |
| <strike> | Draw a strikethrough on a section of text. | Deprecated |
| <strong> | Designate a section of text with strong importance. | |
| <style> | Change the appearance and position of various elements on a web page. | |
| <sub> | Designate subscript text. | |
| <summary> | Designate a heading for a <details> element. | |
| <sup> | Designate superscript text. | |
| <table> | Create a table. | |
| <tbody> | Designate the section of a table that contains all of the data cells. | |
| <td> | Designate a cell within a table. | |
| <textarea> | Designate a plain-text editing control containing multiple lines. | |
| <tfoot> | Designate a set of rows that summarize the columns on a table. | |
| <th> | Designate a cell that is a header for a group of cells within a table. | |
| <thead> | Designate a set of rows defining the head of the columns on a table. | |
| <time> | Designate a date and time that are readable by human beings. | HTML5 |
| <title> | Designate a title of the page. | |
| <tr> | Designate a row of cells in a table. | |
| <track> | Designate text tracks for both the <audio> and <video> tags. | HTML5 |
| <tt> | Designate inline teletype text. | |
| <u> | Designate a section of text that should be underlined. | |
| <ul> | Designate an unordered list. | |
| <var> | Designate a variable. | |
| <video> | Embed video content into a web page. | HTML5 |
| <wbr> | Gives the browser an option to break a line in a block of text. | HTML5 |
| <xmp> | Designated that text was an HTML example | Deprecated |
No comments:
Post a Comment