HTML and DHTML:
Comprehensive Guide
Creating a Website and Markup
Languages
Table of Contents
• 1. Creating a Website and Introduction to
Markup Languages (HTML and DHTML)
• 2. HTML Document Features & Fundamentals
• 3. HTML Elements
• 4. Creating Links
• 5. Headers
• 6. Text Styles and Structuring
• 7. Text Color and Background
Creating a Website and
Introduction
• - HTML (HyperText Markup Language) is the
standard language for creating web pages.
• - DHTML (Dynamic HTML) combines HTML,
CSS, and JavaScript for interactive and
dynamic websites.
• - Differences:
• - HTML is static; DHTML adds interactivity.
• - DHTML uses JavaScript for client-side
scripting.
HTML Document Features &
Fundamentals
• - Features:
• - Easy to learn and use.
• - Supported by all browsers.
• - Allows multimedia integration.
• - Structure of HTML Document:
• - <!DOCTYPE html>
• - <html>, <head>, <body> tags define
structure.
HTML Elements and Creating Links
• - HTML Elements:
• - Paired and Void Elements.
• - Nested Elements for better structure.
• - Creating Links:
• - Anchor Tag: <a href="URL">Link</a>
• - Internal and External Links.
Headers, Text Styles, and
Structuring
• - Headers: <h1> to <h6> for titles and
subheadings.
• - Text Styles:
• - Bold, Italic, Underline (<b>, <i>, <u>).
• - Structuring Text:
• - Paragraphs (<p>), Line Breaks (<br>),
Horizontal Lines (<hr>).
Text Color, Background, and
Formatting Text
• - Text Color and Background:
• - Inline CSS: style="color:red; background-
color:yellow".
• - Formatting Text:
• - Tags: <strong>, <em>, <sup>, <sub> for
emphasis and formatting.
Page Layouts and Images
• - Page Layouts:
• - Divisions (<div>) and Inline Elements
(<span>).
• - CSS for layout control.
• - Images:
• - <img src="image.jpg" alt="description">.
• - Attributes: src, alt, width, height.
Lists, Graphics, and Tables
• - Ordered (<ol>) and Unordered (<ul>) Lists.
• - Graphics:
• - <img>, <video>, <audio> for multimedia.
• - Tables:
• - Structure: <table>, <tr>, <th>, <td>.
Frames, Forms, and Input Types
• - Frames:
• - Deprecated in HTML5 but used <frameset>
earlier.
• - Forms:
• - Input Types: Text Boxes, Checkboxes, Radio
Buttons.
HTML5 vs Previous Versions
• | Feature | HTML4 | HTML5
|
• |--------------------|---------------------------|----------
--------------------------|
• | Multimedia Support | Requires plugins
| Native support with <audio> <video>|
• | Semantic Elements | Limited (<div>,
<span>) | New tags like <header>, <article> |
• | Graphics | Not supported |
