HTML:basic

CSS-Style
Js- logic

cmd/ - comment
html tab - doctype

html elements
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> The HTML <h1>�<h6> elements represent six
levels of section headings. <h1> is the highest section level and <h6> is the
lowest.

<p> = paragrapgh of text.. block level(new line))

<b>= bold ..........inline (no new line)
<strong> - new use of bold.we dont use <b> anymore
<i> - italic
<em> - emphasis - ** now used

ordered list - 1 2 3
unordered list - bullets

<ol>

<li> -- used for list item

every item of the list must have <li> tag

</ol>

<div> - container tag.. used to group things together .. block level (takes new
line)

<span> - container.. inline

------------------------
html attributes
no opening closing tag
<img src="">

<a> tag - used for hyperlinks

<a href=""></a> -- -- inline
----------------------
table
<table > </table>
<th> for table heading in bold
<td> for every entry in a table row
<tr> for every row of table

<thead>
<tbody>
----------------
html forms
used to take input from user
from tag is a container
request are of two tyopes
1.get --- searcing from db
2.post - adding to the database

form tag
input tag -- has types
text/date/file/check/colour/email/password/radio
placeholder- to temp hold the data before user clicks to tell user what is what

action- where to send data to

method - what http method(get/post)

from validation -- constraints on the input data

add required text to input for validation

-----------------------
CSS
general rule:
selector{
property : value;
anotherProperty : value;
}
use id to single out a specific element-- har element ko alag the style karne le
liye.. every id should be unique
id is referred using #
class =-- group of same similar elements that we want to style. ..
class is referred using .
types of selectors

1.
*
{
}
selects every element on the page
2. decendend selectors // basicly nested
li a {
}
selects all the a tag inside a li tag

ul li a{
}
every anchor tag inside li that is inside ul.

li .hello
{}
every hello class element inside an li.

3. Adjacent -- element that come after a particular element(not nested) (on the
same level)
h4 + ul
{}
4. attribute selector
a[href="https://www.google.com]
{background:blue;}
input[type="check"]
{
}
5. nth of type
every nth of an element
every 3rd li
ul:nth-of-type(3)
{
}
-------------------
inheritance -- parent changed.. all child channged.
specificity- multiple styles targetting one element.
----------------------------------
BOX Model
every Element has a box around it
4 propertis of each box
1.content
2.padding - from content and border
3.border
4.magrin- two contents space

specifity order
universal selector<type selector<class selector < id selector

-------
font-family
font-size
font-weight
line-height
text-align
text-decoration -- underline/overline/srike