Skip to content

Latest commit

 

History

History

html

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
README.md
README.md
 
 

README.md

HTML

Module 1: Introduction

In this module, sets the stage, getting you used to important concepts and syntax, looking at applying HTML to text, how to create hyperlinks, and how to use HTML to structure a webpage.

  • History of HTML
  • What you need to do to get going and make your first HTML page
  • What are HTML Tags and Attributes?
  • HTML Tag vs. Element
  • HTML Attributes
  • How to differentiate HTML Document Versions
  • Features of HTML 5

Module 2: Tags

HTML is used to specify whether your web content should be recognized as a paragraph, list, heading, link, image, multimedia player, form, or one of many other available elements or even a new element that you define.

  • HTML Basic Tags
  • HTML Formatting Tags

Module 3: Grouping Using Div and Span

The HTML <div> and <span> elements are the generic container for flow content and does not inherently represent anything. Use it to group elements for purposes such as styling (using the class or id attributes), and inline level and block level separation.

  • Div and Span Tags for Grouping

Module 4: Lists

The HTML - <li> element is used to represent an item in a list. It must be contained in a parent element: an ordered list (<ol>), an unordered list (<ul>). In menus and unordered lists, list items are usually displayed using bullet points, now we are going to check how to use html list.

  • Unordered Lists
  • Ordered Lists
  • Definition list

Module 5: Images

The Web was just text and it was really quite boring. Fortunately, it was not too long before the ability to embed images (and other more interesting types of content) inside web pages was added. There are other types of multimedia to consider, but it is logical to start with the humble element, used to embed a simple image in a webpage. This module will help you to make use of image mapping.

  • Image and Image Mapping

Module 6: Hyperlink

Hyperlinks are important they are what makes the Web a web. This module shows the syntax required to make a link, and discusses link best practices.

  • URL - Uniform Resource Locator
  • URL Encoding

Module 7: Table

Representing tabular data on a webpage in an understandable, accessible way can be a challenge. This module covers basic table markup, along with more complex features such as implementing captions and summaries.

  • Various tags for table

Module 8: Iframe

The HTML <iframe> element represents a nested browsing context, effectively embedding another HTML page into the current page. This module will help you make use of iframe tag

  • Attributes Using
  • Iframe as the Target

Module 9: Form

Forms are a very important part of the Web — these provide much of the functionality you need for interacting with web sites, e.g. registering and logging in, sending feedback, buying products, and more. This module gets you started with creating the client-side parts of forms.

  • Various form tags along with their attributes

Module 10: HTML Head

The HTML <head> element provides general information (metadata) about the document, including its title and links to its scripts and style sheets.

  • Various head tags

Module 11: Semantic HTML

Semantic HTML or semantic markup that introduces meaning to the web page rather than just presentation. For example, a <p> tag indicates that the enclosed text is a paragraph. This is both semantic and presentational because people know what paragraphs are and browsers know how to display them.

  • Various Semantic Elements

Module 12: Miscellaneous

  • Creating a HTML document
  • Making a web page responsive
  • HTML Document validation using validator.w3.org
  • Debugging and fixing the HTML validation issues using debugging tools

References