Scribd
Upload
7 views8 pages

Class Note

Uploaded by

aponrahman2766
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
7 views8 pages

Class Note

Uploaded by

aponrahman2766
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/ 8

Class:2

1.html heading tags <h1> </h1> - <h6></h6>


2.html paragraph <p> </p>
3.html single and double tags
4.html <br> tag and <hr> tag
5.html comment <!-- -->
6.html attributes
7.html ancher tag <a></a>
8.ancher tag attribute
<a href= “your –link “target= “_blank”
9.html 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=””>
11.html 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>

You might also like