Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
HTML
Rating: 4.1 out of 5(53 ratings)
2,861 students

HTML

A beginner's guide for HTML. Learn all concepts of HTML.
Created byDIGIFLAX E-LEARNING
Last updated 8/2021
English
English [Auto],

What you'll learn

  • HTML From Basics
  • Introduction and Overview
  • Headings, Paragraphs and Breaks
  • Lists, Images, Links and Table
  • Frames and Forms
  • VbScript and JavaScript
  • Marquee Blink
  • Page layout and stylesheet

Course content

1 section • 16 lectures • 1h 12m total length

  • Introduction to HTML6:47

    Compare linear media with hypermedia and discover how HTML uses tags, elements, and attributes to structure a document with head, title, and body.

  • Overview of HTML5:04

    Learn the basics of creating an HTML document with a simple text editor, define head and body, set the title, and customize with background color and background image.

  • Headings, Paragraphs and Breaks5:09

    Explore the six heading levels (h1 to h6) to structure major divisions in an HTML document, and use paragraphs, line breaks (br), and horizontal rules (hr) to format content.

  • Character formatting4:37

    Explore how to format text and characters in a document by applying color, size, bold, italic, underline, and strike-through, plus subscript, superscript, and common special characters.

  • Lists5:15

    Learn html lists, including ordered, unordered, and definition lists, with list items and bullets. Discover using type attributes like circle, square, and disc, and starting ordered lists at a value.

  • Images3:36

    Learn how to insert images in an HTML document using the img tag, set src and alt attributes, and adjust height, width, spacing, and alignment.

  • Links4:24

    Learn how to create links using the anchor tag and href attributes to redirect pages, including absolute and relative paths, to destinations like google.com and local files.

  • Tables4:42

    Learn how to create tables, define headers and borders, and add columns and rows. Practice customizing colors, backgrounds, and data properties to shape table layouts.

  • Frames4:37

    Learn to divide a web page into frames with the frame tag, set left and right panes to 30 percent and 70 percent, and use target to display linked content.

  • Forms5:01

    Explore how HTML forms collect student information using input elements, including inputs, radio buttons for gender, a password field, and a submit button, with notes on action and client-side usage.

  • Javascript5:37

    Learn to embed JavaScript in an HTML document, create a calculator form, and display the sum of two inputs using a function triggered by a button.

  • VB Script4:03

    Learn VBScript, a scripting language for internet applications, with client-side scripts activated by events. The lecture demonstrates a calculator example using string-to-integer conversion and MsgBox, and notes ASP on IIS.

  • Meta2:11

    Learn how the meta element embeds metadata in the page head to inform search engines with descriptions, keywords, author, and copyright through name and content attributes.

  • Marquee Blink3:37

    Explore HTML animation effects by using the blink tag for on-and-off text and the marquee tag to move content from right to left, with direction and behavior attributes.

  • Page Layout2:20

    Explore page layout and design considerations for HTML sites, including screen resolution, color depth, 16 colors, 216 color palette, load time, and intuitive top or right navigation with 2–5 clicks.

  • Stylesheet5:25

    Explore how stylesheets streamline web design by using external, internal, and inline styles, with practical examples of selectors, classes, ids, and linking CSS files.

Requirements

  • Basic HTML has no prerequisites in any formal education.
  • HTML is text-based computer-coding that can be made. It requires no specialist computer knowledge at its basic level.

Description

The HyperText Markup Language, or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as <img /> and <input /> directly introduce content into the page. Other tags such as <p> surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page.

HTML can embed programs written in a scripting language such as JavaScript, which affects the behavior and content of web pages. Inclusion of CSS defines the look and layout of content.

HTML markup consists of several key components, including those called tags (and their attributes), character-based data types, character references and entity references. HTML tags most commonly come in pairs like <h1> and </h1>, although some represent empty elements and so are unpaired, for example <img>. The first tag in such a pair is the start tag, and the second is the end tag (they are also called opening tags and closing tags).

Another important component is the HTML document type declaration, which triggers standards mode rendering.

The following is an example of the classic "Hello, World!" program:

<!DOCTYPE html>

<html>

  <head>

    <title>This is a title</title>

  </head>

  <body>

    <div>

        <p>Hello world!</p>

    </div>

  </body>

</html>

The text between <html> and </html> describes the web page, and the text between <body> and </body> is the visible page content. The markup text <title>This is a title</title> defines the browser page title shown on browser tabs and window titles, and the tag <div> defines a division of the page used for easy styling.

The Document Type Declaration <!DOCTYPE html> is for HTML5. If a declaration is not included, various browsers will revert to "quirks mode" for rendering.

Who this course is for:

  • Everyone who wants to learn to use HTML

Report abuse