Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML - Coggle Diagram
HTML
Paragraphs and Headings
<p>
<p align="center">
<p align="left"
<p align="right"
<h1> <h2> <h3><h4><h5><h6>
<h1 align="center">
<h1 align="left">
<h1 align="right">
FONT TAG
<font face="Bernard MT">
<font size="3">
<font color="red">
BODY TAG
<body bgcolor="black" text="white" link="red" alink="green" vlink="blue" topmargin="100" leftmargin="100" rightmargin="100" bottommargin="100"
COLORS THAT CAN BE NAMED IN HTML
You can define 147 color names and hexadecimal values also, in HTML and CSS, out of which 17 colors are standard colors.
Tip: The 17 standard colors are: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow.
All browsers support these 147 colors.
MORE FORMATTING TAGS
<tt>
<pre> PRE-FORMATTED TEXT
<sub></sub>
<sup></sup>
TABLES IN HTML
Table Attributes
<table border="3">
<table bordercolor="blue">
<table cellspacing="3">
<table cellpadding="4">
<table rules="none">
MAKES THE CELL BORDER DISSAPPEAR BUT TABLE BORDER REMAINS
<tr>
<th>
<td>
Information inside a table
<td align="center" valign="middle">
ROWSPANS AND COLSPANS
ROWSPAN
<td rowspan="2">
Makes it so that one cell has the size of 2 rows
COLSPAN
<td colspan="2">
Makes it so that one cell is two columns long and affects the cells around it.
LINKING
<a href="website.html>WEBSITE</a>
<a href="#top">GO TO TOP OF WEBPAGE</a>
BOTTOM OF PAGE
<a name="top">Top of the Webpage</a>
TOP OF PAGE
<a href="mailto:abc@gmail.com">MAIL TO US</a>
IMAGES AND VIDEOS
<img src="IMAGE.JPG OR IMAGE.PNG" alt="HELLO THIS IS AN IMAGE UR BROWSER IS BAD SO IT CANNOT SUPPORT IT HAHAH"></img>
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4">YOUR BROWSER DOES NOT SUPPORT THIS VIDEO</video>
<audio controls> <source src="audio1.mp3" type="audio/mpeg">YOUR BROWSER DOES NOT SUPPORT THIS AUDIO ELEMENT</audio>
FORMS IN HTML
Input TYPES
<option value="n1">OPTION 1</option>
<option value="n2" selected">--PLS SELECT ANY ONE--</option>
<input type="radio" name="SAME FOR ALL" value="DIFFERENT FOR ALL">radio box</input>
<input type="checkbox" name="DIFFERENT" value="SAME">CHECKBOX</input<
<input type="submit" value="SUBMIT MY VALUES"></input>
<input type="reset" value="Clear my values"></input>
TEXTAREA
<textarea name="n1" rows="4" cols="50">HELLO THIS IS A TEXTBOX</textarea>
</textarea>
