Dev Club Class
Full Stack Web Developer class
Lesson 001 - HTML Tags
Tags structure:
<TAG_START +PARAMETERS > CONTENT </TAG_END(IF_EXISTS)>
Examples
- Paragraph : <p></p>
- Button : <button></button>
- input : <input/>
- img : <img src="img_link"/>
Lesson 002 - HTML structure
TAG HEADER
Define introductory or navigational content for a page
TAG BODY
Holds all the visible and interactive content of a webpage
Lesson 003 - SEO
Search Engine Optimization
Helps the site to get a better rank on Google
Lesson 004 - TEXT Tags
TAG <h>
- <h1> : The main heading of the page; there should only be one per page.
- <h2> : Major section headings.
- <h3> : Subsections of decreasing importance.
- <h4> : //
- <h5> : //
- <h6> : //
TAG <p> : Paragraph
TAG <br> : Page Break
TAG <b> : Bold Letters
TAG <strong> : Bold Letters and SEO relevance
TAG <i> : Italic Letters
Lesson 005 - Link
TAG <a href=""/>
Open link
Open link in new tab
Email Link
Phone Link
Inner HTML link
go to ID Lesson001
Obs: when using target="_blank", always include rel="noopener noreferrer" for security reasons.
- noopener: prevents the new page from being able to access the window.opener property and ensures it runs in a separate process.
- noreferrer: prevents the browser from sending the current page's address to the new page.
Lesson 006 - List
Ordered List
- 1st item
- 2nd item
- 3rd item
Unordered list
- 1st item
- 2nd item
- 3rd item
Lesson 007 - DIV
div is a box
span is used only for text
example of how span is used for text
Lesson 008 - Images
IMG TAG:
FIGURE TAG:
DevClub Logo