HTML Basic (Sololearn)
<table border="2"> <tr> <td>Red</td> <td>Blue</td> <td>Green</td> </tr> <tr> <td><br /></td> <td colspan="2"><br /></td> </tr> </table>
Irregular Sized Table- Used to create a RBG table with a colspan where red is normal and blue and green share a box with a two pixel border.
<a href="X"></a>
Link- Used to create a link where X is the link you want to redirect people to.
<ol> <li> X </li> <li> Y </li> </ol>
List- Used to create a list where X and Y are the names of the items in the lists. (This will create a list going .1 .2 .3 etc.)
noresize
No Resize- Makes it so a window doesn't change size.
<noframes>
No frame- Use for browsers that don't support frames to view the content.
HTML: Structure CSS: Presentation JavaScript: Behavior PHP or similar: Backend CMS: Content Management
Web Development Languages- All the normal languages used for web development
Name- Element
Elements normally have a start and end tag, but sometimes they only have a start tag.
</hr>
Used to create a horizontal line _______. (Example: <p> Paragraph 1<p> </hr> This will create a line after paragraph 1)
<table align="center"> <tr> <td> X </td> <td> Y </td> </tr> <tr> <td> Z </td> </tr> </table>
Aligned Table- Used to create a table and align the table left right or center using <table align="center"> instead of <Table>.
<hr width="50%" align="left" />
Aligned and Width- You can create a horizon line that is 50 pixel and aligned left.(Or any other combinations of px and alignment) You can use any two attributes. (mostly)
<p> align= "center"> X </p>
Aligned text- Used to align the paragraph where X is the paragraph. You can switch center with left or right.
Name Attributes
Attributes modify a tag and are in the format name= "value"
<body bgcolor="#000000"> </body>
Background Color- Used to create a background color with Hex colors. In this #0000000 is black.
<body> </body>
Body- The body tag is for anything visual. You can put headings, paragraphs, lists, quotes, images, and links, and more in there.
<table border="X"> <tr> <td> X </td> <td> Y </td> </tr> <tr> <td> Z </td> </tr> </table>
Bordered Table- Creates a border that is X pixels wide. You use <table border="X"> instead of just <table> for a border.
<br />
Break- Used in-between tags to identify a new line. (Has no start) (Example: <p> Line 1 <br/ Line 2 <p> this will appear as line 1 is on the first line and Line 2 is on the second line.)
Name- Browser text type
Browsers display <strong> as <b>, and <em> as <i>. However, the meanings of these tags differ: <b> and <i> define bold and italic text, respectively, while <strong> and <em> indicate that the text is "important".
<input type="checkbox" value="1" />
Checkbox- Multiple choice questions where you can select more than one answer. (Ex: <input type="checkbox" name="gender" value="1" /> Male <br /> <input type="checkbox" name="gender" value="2" /> Female <br /> creates a male or female question where you could pick male, female, or both.)
Name- Hex colors
Colors represented by three or six RGB letters or numbers starting with a #.
<!-- X -->
Comment- Used to write a message that is not read by the text editor where X is what the comment is.
<html> <body> <h1>Heading 1</h1> <div style="background-color:green; color:white; padding:20px;"> <p>Paragraph 1</p> </div> </body> </html>
Div Style- Example of using <div> to style text. ( <div style="background-color:green; color:white; padding:20px;"> sets the background color to green with white text that spans 20 pixels)
<div> X </div>
Div- Used to put code in ( if you only want certain text to look different) where X is paragraphs and anything else you want to be affected.
APPLET - embedded Java applet IFRAME - Inline frame INS - inserted text MAP - image map OBJECT - embedded object SCRIPT - script within an HTML document
Elements
<a href="X"> Y </a>
Embedded Link- Used to create a embedded link where X is the link and Y is what the link looks like. If you do not put anything where Y is it will just show people the link.
<form action="url" method="GET">
Form Action Get- Used when forms are submitted. Get is in the page address and not very secure.
<form action="url" method="POST">
Form Action Post- Used when the form is submitted. Post was used for more security. It is used for updating data and sensetive data and is not in the page address.
<form> action="https://www.google.com" </form>
Form Action- Used to create a form, and once completed it will do the action. For this the action is go to google.com.
<form> X </form>
Form-Used to create a form that takes info from the user.
<p>regular text </p> <p><b>bold text </b></p> <p><big> big text </big></p> <p><i> italic text </i></p> <p><small> small text </small></p> <p><strong> strong text </strong></p> <p><sub> subscripted text </sub></p> <p><sup> superscripted text </sup></p> <p><ins> inserted text </ins></p> <p><del> deleted text </del></p>
Text type- Used to alter the text.
<title> </title>
Title- Used to create a title. It is put between the head.
Name- Markup Language
Unlike a programming language, markup languages use tags to identify content
<ul> <li> X </li> <li> Y </li> </ul>
Unorganized List- Used to create a list where X and Y are the names of the items in the lists. (This will create a list using bullet points)
<frameset cols="100, 25%, *"></frameset> <frameset rows="100, 25%, *"></frameset>
Used to set frame rows and columns and how many pixels there are. (An HTML frame is a window)(Frames are not used in HTML 5)
<form> <input type="text" name="username" /><br /> <input type="password" name="password" /> </form>
Username and Password- Form to fill username and password.
Name- Hyper Text Markup Launguage
HTML- Another name for HTML, a markup language. You can use any text editor to create the code. (including notepad)
<h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6>
Header- Used to create a header. Headers are larger font and used by search engine for structure.
<head> </head>
Header- Used to make the code work, and is non- visual. You put the title in-between.
Name 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F-
Hexadecimal colors- Way of showing colors where F.zero is the lowest value and F is the highest.
<hr width="X%" /> <hr width="Xpx" />
Horizon Line Width- Used to change the with of a horizon line. You can use either px or %.
<html> X </html>
Html- Used to start a html code.
<img src="image.jpg" alt= "X" />
Image Alternative- Used to add a description of the image if it is not able to be shown where X is the alternative description. It is required to use an alt.
<img src="tree.jpg" height="150px" width="150px" border="1px" alt="" />
Image Boarder- Used to add a boarder to an image. You can use px or %.
<img src="tree.jpg" height="X%" width="Y%" alt="" />
Image size- Used to change the size of the image where X is height and Y is width. You can use either px or %. Smaller images can be used to make it load quicker.
<img src="image.jpg" />
Image- Used to add a jpg image. The src is used for the URL.
Name- Block Level vs Inline
Inline normally doesn't have line breaks. Block level normally starts a new line.
<p> </p>
Paragraph- Tag used to identify a paragraph or words.
<input type= radio>
Radio- Multiple choice question where you can only chose one answer. (Ex: <input type="radio" name="gender" value="male" /> Male <br /> <input type="radio" name="gender" value="female" /> Female <br /> This creates a question asking if you are male or female where you can only select one answer.)
<X> Y </X>
Tag- Used to identify what something is, where X is what type of tag it is and Y is what is inside the tag. ( <p> Hello </p> The <p> </p> identify that it is a paragraph because of the p and <> indicates start and </> indicates it ends. Hello is the content of the paragraph.)
<a href="X" target="_blank"> Y </a>
Target and Blank- Target is used to choose where you want to open something. If you use blank it will open in a new tab where X is the link and Y is what the link looks like. If you do not put anything where Y is it will just show people the link.
<span style="color:red"> X </span>
Span- Used to make specific words different where X is a word or words. This turns the word or words X red. You can put this inside a paragraph to make part red.
<input type="submit" value="Submit" />
Submit- Used to create a button to submit your form.
<table> <tr> <td> X </td> <td> Y </td> </tr> <tr> <td> Z </td> </tr> </table>
Table- Used to create a table where <td> is a new column where X Y and Z are the names of the columns and <tr> creates a new row. (It will look like: X Y Z )
