Class:2
[Link] heading tags <h1> </h1> - <h6></h6>
[Link] paragraph <p> </p>
[Link] single and double tags
[Link] <br> tag and <hr> tag
[Link] comment <!-- -->
[Link] attributes
[Link] ancher tag <a></a>
[Link] tag attribute
<a href= “your –link “target= “_blank”
[Link] img tag <img>
10. img attributes <img src= “your-image-path” width=”” height=””>
“if the image is missing” then <img src= “your-image-path” alt=”this
img is missing” width=”” height=””>
[Link] align attribute <h1> aling=”center” >your text </h>
12. auto all text just do {!} (sco thing)
class:3
Table tag structure:
<Table border=** cellspacing=** cellpadding=** align=center bgcolor=black
bordercolor=red width=** height=**>
<tr>
<th>name<th>
<th>course<th>
<th>ID<th>
</tr>
<tr>
<td>Apon<td>
<td>web<td>
<td>001<td>
</tr>
Topic:ordered list and unordered list
structure:
<ol type=**>
<li>1<li>
<li>2<li>
<li>3<li>
<ol>
(if number start in the middle then this would structure)
<ol type=** start= (it will be from whatever number start)>
<li>1<li>
<li>2<li>
<li>3<li>
<ol>
Unordered list
structure:
<ul style=**>
<li>1<li>
<li>2<li>
<li>3<li> </ul>
Class:4
topic: html form
Class 5
HTML 5 TAGS
<i>: Italic text.
<strong>: Important text.
<small>: Smaller text.
<s>: Strikethrough text
<sub>: Subscript.
<sup>: Superscript.
<b>: Bold text.
<u>: Underlined text.
<mark>Marked/highlighted text.
<dl>:Description list.
‹dt>: Term/name in a description list.
<dd>: Description/details in a description list
‹figure>: Self-contained content, often with a caption.
<figcaption>: Caption for < figure>.
‹figure>: Self-contained content, often with a caption.
<figcaption>: Caption for < figure>.
‹datalist>: List of pre-defined options for input.
‹details>: Disclosure widget.
<summary>: Summary of a < details> element.
‹dialog>: Dialog box or window.
<datalist>:List of pre-defined options for input.
‹details>: Disclosure widget.
<summary>: Summary of a ‹details > element.
‹dialog>: Dialog box or window.
<video>: Video content.
<audio>: Audio content.
<header>: Represents a header section typically containing introductory content or
navigational links for its nearest ancestor sectioning content or sectioning root.
<nav>: Defines a section of navigation links.
<section>: Represents a thematic grouping of content, typically with a heading.
<article>: Represents an independent piece of content that can stand alone.
<aside>: Represents content tangentially related to the content around it, like
sidebars or call-out boxes.
<footer>: Defines a footer for its nearest ancestor sectioning content or sectioning
root.
<main>: Specifies the main content of the <body> element in a document or
application.
Search product suggestion
<input type-"text" placeholder="Search a product”>
<datalist>
<option value "Shirts"></option›
<option value="T-Shirts"›‹/option›
‹option value-"Pants""></option›
</datalist>
Description Box Click To Open Box
<details>
<summary> Click here for more information</summary>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</details>
Video content
<video autoplay loop width="50%" height="50%" src="”>
<source src= type="mp4">
<source src= type="mp4">
<source src= type="mp4">
</video>
