Scribd
Upload
27 views3 pages

Creating Simple Markup Language Lecture Note

The document outlines the creation of a simple markup language document, focusing on understanding markup languages, document requirements, and structure. It covers the selection of appropriate markup languages, the creation of basic HTML elements, and the importance of validating documents for correctness across different browsers. The document also includes self-check questions to reinforce learning objectives in each unit.

Uploaded by

dereje
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
27 views3 pages

Creating Simple Markup Language Lecture Note

The document outlines the creation of a simple markup language document, focusing on understanding markup languages, document requirements, and structure. It covers the selection of appropriate markup languages, the creation of basic HTML elements, and the importance of validating documents for correctness across different browsers. The document also includes self-check questions to reinforce learning objectives in each unit.

Uploaded by

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

Lecture Note: Creating a Simple Markup

Language Document
Unit One: Review Requirements
Learning Objectives

- Explain the purpose and role of markup languages.


- Identify and analyze document requirements.
- Select appropriate markup language based on standards.
- Describe document structure using folders and storyboard techniques.

1.1 Reviewing Document Requirements

- Clarify website purpose, audience, and design elements.


- Prepare a requirements document including project brief, style guide, and technical
specifications.

1.2 Selecting Markup Language Based on Organizational Standards

- Understand different types of markup languages (HTML, XML, XHTML, DHTML, WML,
SGML).
- Choose based on website purpose, stakeholder needs, user expectations, and available
resources.

1.3 Reviewing Document Structure

- Create a logical folder structure (root, images, styles, scripts, pages).


- Plan the website layout using a storyboard.
- Understand absolute and relative paths.

Self-Check Questions

1. What are the three key components of a requirement document?


2. Explain the difference between HTML and XML.
3. Why is folder structure important in website development?

Unit Two: Create Document Structure


Learning Objectives

- Create and assign basic elements in a document.


- Depict the document structure using markup sections.
- Write a simple markup language document using HTML.

2.1 Introduction to HTML

- HTML is the language for structuring web content.


- Developed by Tim Berners-Lee; uses tags to define content.
- Files use .html extension.

2.2 Creating Basic Elements of Document

- Basic tags: <html>, <head>, <title>, <body>, <h1> to <h6>, <p>, <br>, <hr>
- Comments: <!-- Comment -->
- Use <strong> and <em> for semantic emphasis.

2.3 Depicting Document Structure of Markup Sections

- Document sections: head (meta info) and body (content).


- Plan layout with storyboard.
- Use proper file paths (relative and absolute).

Self-Check Questions

1. What are the basic tags needed for an HTML document?


2. How do you write a line break in HTML?
3. What is the difference between <b> and <strong>?
4. Why is folder structure important when working with images and links?
Unit Three: Validate Documents
Learning Objectives

- Validate markup language documents for correctness.


- Test documents in multiple browsers.
- Ensure adherence to markup standards.

3.1 Validating Markup Language Document

- Ensure proper syntax and structure.


- Use W3C Validator to check code for compliance.
- Manual checks: nesting, closing tags, lowercase usage.

3.2 Validating in Different Browsers

- Test across Chrome, Firefox, Safari, etc.


- Use developer tools for responsive checks.

3.3 Validating Simple Markup Language Document

- Use clean, standard HTML5 structure.


- Follow accessibility standards.
- Separate structure (HTML), presentation (CSS), and behavior (JS).

Self-Check Questions

1. What is the purpose of validating an HTML document?


2. List three types of errors that validators can detect.
3. Why is it important to test your site in multiple browsers?
4. What is the function of the W3C Validator?

You might also like