Scribd
Upload
37 views

creating markup language

Uploaded by

ethioawashmedia
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
37 views

creating markup language

Uploaded by

ethioawashmedia
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 11

Title: Creating a Simple Markup Language

Course/Module Code: EIS WDDBA1 M10 0322

Duration: 70 Hours

Date: 02/03/2017 E.C


Trainer Name:-Bantegizia.Z
Introduction to Markup Languages
• Definition: A markup language is a system for
annotating a document in a way that is
syntactically distinguishable from the text.
• Purpose: Describes document structure and
presentation.
• Examples: HTML, XML, XHTML, DHTML,
SGML, WML, etc.
Acronym
✿ ʜᴛᴍʟ: ʜʏᴘᴇʀ ᴛᴇxᴛ ᴍᴀʀᴋᴜᴘ ʟᴀɴɢᴜᴀɢᴇ
✿XML:ᴇxᴛᴇɴsɪʙʟᴇ ᴍᴀʀᴋᴜᴘ ʟᴀɴɢᴜᴀɢᴇ
✿DHTML: ᴅʏɴᴀᴍɪᴄ ʜʏᴘᴇʀ ᴛᴇxᴛ ᴍᴀʀᴋᴜᴘ
ʟᴀɴɢᴜᴀɢᴇ
✿SGML: sᴛᴀɴᴅᴀʀᴅ ɢᴇɴᴇʀᴀʟɪᴢᴇᴅ ᴍᴀʀᴋᴜᴘ
ʟᴀɴɢᴜᴀɢᴇ
Types of Markup Languages
• HTML: Basic structure for web pages.
• XML: Describes data; not limited to web
display.
• XHTML: Combination of HTML and XML,
cleaner syntax.
• DHTML: Adds interactivity through a
combination of HTML, CSS, and JavaScript.
Unit 1 - Review Requirements
• Review Document Requirements: Identifying
website purpose, audience, and design needs.
• Organizational Standards: Choosing a markup
language based on project requirements.
• Document Structure: Layout, style guides, and
consistency checks.
Unit 2 - Create Document Structure
• HTML Basics: Structure, tags, and basic
elements.
• Common Tags: <html>, <head>, <body>,
<title>, <h1> to <h6>, <p>, <a>, <img>, etc.
• Folder Structure: Organizing files in a root
folder for efficient project management.
Unit 3 - Validate Documents
• Validation Tools: Ensuring documents comply
with web standards.
• Cross-Browser Testing: Testing on various
browsers for compatibility.
• Common Validators: HTML validator, CSS
validator, accessibility checkers
Writing and Testing HTML
• HTML Tags Overview: Describe document
layout and appearance.
• Coding and Debugging: Tips on writing clean,
error-free code.
• Testing Methods: Preview in different
browsers, use W3C tools for HTML validation.
Best Practices for Web Development
• Consistency: Ensure links, fonts, and styles are
uniform.
• Accessibility: Adhere to standards for users
with disabilities.
• Folder Organization: Keep assets organized to
prevent broken links and ease navigation.
Example HTML Document
• Code Snippet: Show a basic HTML document
structure.
• Explanation: Briefly explain each tag’s
purpose.
Conclusion
• Summary: Overview of creating and validating
markup language documents.
• Final Tips: Importance of planning, adhering
to standards, and regular testing.

You might also like