Please enable JavaScript.
Coggle requires JavaScript to display documents.
ITI Html And Css - Coggle Diagram
ITI Html And Css
Html
Heading => H1 to h6
Linking => a
mail =>href="mailto:namemail
Text => p
table
caption
header
<thead> <tr><th>
body
<tbody> <tr><td>
Footer <tfoot> <tr> <td>
<th > on head
<td>
iframe =>show video in youtube
list
ul no style
ol => numper
image =><img
form
textbox => text
password
Doctype and Head
Css
syntax
sample selectors
elemnt =>h3 + body
calss => .caass name
id => #
inline on tag h3
Universal Selectors (*)
Multiple and Combinator Selectors
div p =>p on div
p,h3 => p and h3
div > p => expct div parnt and child p
div + p => div and next to p but one p
div ~ p =>div next to p all p
atribute selectore [width="100px]{color="Red"}
div::after=> add content="heloo" the end on deiv
div::befor=> add content="heloo" the start on deiv
box model
border
padding on box
margin=>out box
CSS Positioning
stacoy =>nax bar on scrol
zindex
Display property
css rest
https://meyerweb.com/eric/tools/css/reset/