Scribd
Upload
12 views

Class Notes1html

This document provides an overview of 10 class sessions covering basic HTML topics. Session 1 introduces HTML as the standard language for web pages, used to structure content. Session 2 demonstrates the basic HTML document structure. Further sessions cover common elements, text formatting, lists, links, images, forms, semantic elements, and embedding multimedia. The document serves as an introduction to fundamental HTML concepts.

Uploaded by

Clash Codes
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
12 views

Class Notes1html

This document provides an overview of 10 class sessions covering basic HTML topics. Session 1 introduces HTML as the standard language for web pages, used to structure content. Session 2 demonstrates the basic HTML document structure. Further sessions cover common elements, text formatting, lists, links, images, forms, semantic elements, and embedding multimedia. The document serves as an introduction to fundamental HTML concepts.

Uploaded by

Clash Codes
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

Certainly!

Here are some basic class notes for HTML (Hypertext Markup Language):

**Class Title: Introduction to HTML**

**Session 1: What is HTML?**


- HTML stands for Hypertext Markup Language.
- It is the standard language for creating web pages.
- HTML is used to structure content on the web and define the elements on a web
page.

**Session 2: Basic Structure of an HTML Document**


```html
<!DOCTYPE html>
<html>
<head>
<title>Document Title</title>
</head>
<body>
<h1>Heading 1</h1>
<p>This is a paragraph.</p>
</body>
</html>
```
- `<!DOCTYPE html>`: Declaration of the document type.
- `<html>`: The root element of an HTML page.
- `<head>`: Contains meta-information about the document.
- `<title>`: Sets the title of the web page (displayed in the browser tab).
- `<body>`: Contains the visible content of the web page.
- `<h1>`: Represents a top-level heading.
- `<p>`: Represents a paragraph of text.

**Session 3: HTML Elements**


- HTML elements are the building blocks of a web page.
- Elements are represented by tags enclosed in angle brackets (`<tag>`).
- Elements can have attributes that provide additional information about the
element.

**Session 4: Text Formatting**


- `<em>`: Italic text.
- `<strong>`: Bold text.
- `<u>`: Underlined text.
- `<sup>`: Superscript text.
- `<sub>`: Subscript text.

**Session 5: Lists**
- `<ul>`: Unordered (bulleted) list.
- `<ol>`: Ordered (numbered) list.
- `<li>`: List item within `<ul>` or `<ol>`.

**Session 6: Links**
```html
<a href="https://www.example.com">Visit Example</a>
```
- `<a>`: Anchor tag used for creating hyperlinks.
- `href`: Attribute for specifying the destination URL.

**Session 7: Images**
```html
<img src="image.jpg" alt="Description of Image">
```
- `<img>`: Embeds images.
- `src`: Specifies the image file source.
- `alt`: Provides alternative text for accessibility.

**Session 8: Forms**
```html
<form action="submit.php" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<input type="submit" value="Submit">
</form>
```
- `<form>`: Creates a form for user input.
- `action`: Specifies the URL where form data will be sent.
- `method`: Defines the HTTP method (e.g., POST or GET).
- `<input>`: Input elements for various purposes.

**Session 9: Semantic HTML**


- Semantic HTML elements provide meaning to the structure of a web page.
- Examples: `<header>`, `<nav>`, `<main>`, `<article>`, `<section>`, `<footer>`.
- Use semantic elements for better accessibility and SEO.

**Session 10: HTML5 Video and Audio**


```html
<video controls>
<source src="video.mp4" type="video/mp4">
</video>

<audio controls>
<source src="audio.mp3" type="audio/mpeg">
</audio>
```
- `<video>` and `<audio>` elements for embedding multimedia content.
- `controls`: Adds playback controls.

These are some fundamental topics covered in an introductory HTML class. HTML is a
vast subject, so students typically continue to learn about more advanced topics
like CSS (Cascading Style Sheets) and JavaScript to enhance their web development
skills.

You might also like