Scribd
Upload
126 views11 pages

HTML DHTML Full Presentation

Uploaded by

Karthik Lathar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
126 views11 pages

HTML DHTML Full Presentation

Uploaded by

Karthik Lathar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 11

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 |

You might also like