HTML NOTES

HEADING

<head> this is the hmtl's heading, it contains the website's title, and doesnt have anything to do with the web's content. It includes "meta" stuff, like page title, stylesheets, and metadata.
	<title>This will be the title of your web page</title>
	<meta name="description" content="This is the most awesome webpage ever!"> (Metadata(meta for short) This is the data provided to give to the search engine(Google) to help find your website, it helps people and search engines know what your page is about


<h1> title
	<h2> subtitle (smaller title)
	<h3> smaller text
	<h4> even smaller text

	Link user to other Sites

<a> Stands for "anchor, a clickable blue text that takes user to another website
<link> Unlike anchor, It's not about creating clickable links within your webpage's content but rather linking to external files and resources that enhance your webpage's functionality or appearance.

<a href="(link to another site, ex: https://youtube.com)">CLICK ME</a>
	href="" Stands for: "Hypertext Reference", provides the link to which website you desire. It's like giving directions to where the stuff you want to link to is.
	target="" This attribute is all about how the link should open. Here's a quick rundown
		target="_blank" opens the linked document in a new tab or window. It's like saying, "Hey, open this in a fresh space."
		target="_self" the default opening method, which opens the linked document in the same frame or tab.
		target="_parent" Not much of a different from _self tag, If you have a tab in a tab, this one targets the main tab you;re in.
		target="_top" Acts like _parent, but IDK

 SECTIONS

<div> divides sections
<div id="THIS"> </div>

TEXT: VIEWS & EFFECT

<p> paragraph
<br> line break or create new paragraph in the same <p>

<em> italic
<strong> bolden text
<ul> unordered list
<ol> list of items (will be defined in 1,2,3)
	<li> list of items (* item1 )

MEDIA

<img> adds image:
	<img src="(path)" alt="This is my Image"> (NOTE does not need /(opening and closing tag))
src = content path
alt = alternative(if else the image wont show, this text will appear)

<video> adds video:
	<video src="videoku.mp4" width="640" height="360" controls> </video>
src = content path
controls (adds feature to let user increase/decrease volume, pause/unpause, etc. THIS IS A MUST)
<video>IMAGE COULD NOT BE LOADED</video> (the text inside appears if the video couldnt be loaded)

_IMAGE VIEWS_

width = "300"
height = "200"
title = the text that shows when users' cursor points to the image

			HTML INTERMEDIATE

1) Input element
	In html, we use the input element to get all kinds of user input like emails, passwords, dates, an more.	We'll learn how to use the user input in a website later. For now, we'll focuss on creating the element and setting its attributes.

	html
		SIGN UP
			email
			**********
			password
			**********


Create input tag using <input>
	<input placeholder="Email">
	<br>
	<input type="password" placeholder="Type your password here">

The type attribute specifies the type of input. by using "password", we can hide what users type for better security. The default type is "text"	OTHER TYPES OF INPUT:

"range" , "checkbox" , "date" , "color"