-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththeory.txt
100 lines (66 loc) · 2.47 KB
/
theory.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
HTML - HYPER TEXT MARKUP LANGUAGE
- Used to create Web Pages
- Widely used on Web
- It is just a markup language not a programming language
HYPER TEXT - Text with in Text
- Way to link two or more web Pages
- create a link to move to new webpages
Features
--------
1. Simple and easy to use
2. Platform Independent ( Windows, Mac, Linux)
3. Case Insensitive Language
4. We can write all the markup code in small case for the better readability
Building Blocks of HTML
-------------------------
Tags - Surrounds the content and apply meaning to it. we write using < and > brackets
Attributes - provides extra information about the elements
<h1 class="header" id="headId" >Hello World</h1>
class and id are called attributes
attributes always use double quotes
Heading Tags - <h1>, <h2>,<h3>,<h4>,<h5>,<h6>
- <b>
- <i>
- <u>
Meta Tags - DOCTYPE, title, link, meta, style
Text Tags - <p>, <h1>, <h2>,<h3>,<h4>,<h5>,<h6>,<strong>
Link Tags - <a>
Image Tag - <image>
List Tags - <ul> , <ol> , <li>
Table Tags - Table, Thead, Tbody, Th, Tr, Td
Form Tags - Form, Input (textbox, radio, checkbox), textarea, select
Scrit Tag - <script>
Space Tag - ( Non Breaking Space)
HTML class
-----------
CSS - Cascading Style Sheets
Why to Use - To format the layout of the webpages
What we can do - With CSS we can contaorl the color, font, size of the text,
element position, backgrouns images, bg color
CSS can be added to HTML socument in 3 ways
Inline - by using "style attribute" inside HTML elements
Internal - by using "style element" in <head> section
External - By Using <link> elements to link external CSS
BLE - Block Level elements
-----------------------------
- Ocuupies entire space of the parent
- always starts on new line and takes up full width available
e.g. H1- H6 , table, p, div, form, video, hr, header, footer
IE - Inline Element
- It doesn't start on a new line
- only takes up as much width as necessary
- Can not contain a block-level element
e.g. span, a, button, supscript, subscript, textarea, label, b, strong, img
CSS3
-----
1. Bring Superios styling to HTML
2. Multiple Device Compatibility
3. Follows Global WebStandrads
4. Easy maintainance
Combinator Selectors
--------------------
Which explains the relationship between Selectors
1. descendent selector (space)
2. child selector (>)
3. adjacent selector +
4. general sibling selctor (~)