Please enable JavaScript.
Coggle requires JavaScript to display documents.
Intro to Front End, HTML - Coggle Diagram
Intro to Front End
Front End and Back End
Front End: Anything visible and accessible which is written by HTML,CSS,JAVASCRIPT
-
-
-
-
-
-
-
HTML
Not a programming language, but a markup language.
-
-
Block-level Elements: Each new element appears on a new line. Inline Elements: New elements will not cause a new line.
Empty/Void Elements: They consist of a single tag, which is typically used to insert/embed something in the document.
Attributes contain extra information about element.Attributes should include:
-
- The attribute name, followed by an equal sign.
- An attribute value, wrapped with opening and closing quote marks. Both single quotes and double quotes are OK, but do not mix them!
Boolean Attributes: They can only have one value without any other values after equal sign, which is generally the same as the attribute name.
Whitespace in HTML: The HTML parser reduces each sequence of whitespace to a single space when rendering the code.
-
-
-
Intermediate HTML
-
Form
<form action="/my-form-submitting-page" method="post">All our inputs will go in here </form> (Container of Inputs, Buttons and Labels) ("action" attribute:where the form send data to) ("method" attribute: what HTTP method, "get" or "post").
The Input Tag(Interactive Controls, "type" attribute decides the type of inputs, "**placeholder" attribute gets the hint of the input: <Input type="text",placeholder="username">
-
-
-