Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML5 and CSS3 - Coggle Diagram
HTML5 and CSS3
HTML (definition language : structure and format the content of the page)
Reference : www.w3schools.com
Validator : validator.w3.org
Text editor : Notepad++
HTML elements marked by tags
Start tag : <>
End tag : </>
HTML document
Document type declaration : <html> tag
Header area : <head> tag
Document body : <body> tag
<header> tag
<section> tag
<footer> tag
Important language elements
Headings tag : <h[1-6]>
Paragraph types
Line breaks : <br>
Ordered lists : <ol>
Unordered lists : <ul>
List entries : <li>
Block quotes : <blockquote>
Horizontal lines : <hr>
General areas : <div>. Defines a division or a section in an HTML document
Text markups : special formatting to individual words or passages of text
Hyperlink : <a>
References
Anchor
Bold : <b>
Italic : <i>
Highlighted : <em>
Tables : <table>
Table header : <thead>
Table body : <tbody>
Actual table row : <tr>
Content for the header : <th>
Content for the body : <td>
Forms : <form>
Labels : <label>
Input fields : <input>
Text areas : <textarea>
Selection lists : <select>
Dropdown lists : <datalist>
Radio buttons : <input type="radio">
METHOD attribute
GET method
POST method
ACTION attribute
CSS (format the content of the page ; design and position the elements)
3 options for integrating CSS in an HTML page
1 - Paged out to a separate file and included in the head area via hyperlink
2 - In the header area of the HTML document
3 - Inline at the relevant HTML tag in the HTML document
Selectors
Universal selector
Type selector
ID selector
Class selector
Descendant selector
Specificity
Level a = style attribute : highest specificity > thousands position
Level b = number of ID attributes > hundreds position
Level c = number of other attributes and pseudoclasses > tens position
Level d = number of element names and pseudoelements > ones position