Whats is HTML?
- HTML is a hypertext markup language
- It is used for creating webpages
- HTML consists of the elements
Syntax of HTML:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1> Welcome to sppshows</h1>
<p> I am learning HTML</p>
</body>
</html>
Code in Visual studio Code :
Result on Web browser :
What are HTML elemets ?
HTML elements are defined by start tag, some content and end tag
Examples:
<h1> Welcome to sppshows </h1>
Where <h1> is a start
Welcome to sppshows is the content
and </h1> is the end tag.
for more details go to w3schools.
Here are some of the most useful HTML tags:
1)<html> </html>
Creates an HTML document
2)<head> </head>
Sets off the title & other info that isn't displayed
3)<body> </body>
Sets off the visible portion of the document
4)<title> </title>
Puts name of the document in the title bar; when
bookmarking pages, this is what is bookmarked
5)<h1> </h1> --> <h6> </h6>
Creates headlines -- H1=largest, H6=smallest
6)<b> </b>
Creates bold text (should use <strong> instead)
7)<i> </i>
Creates italicized text (should use <em> instead)
8)<tt> </tt>
Creates typewriter-style text
9)<strong> </strong>
Emphasizes a word (usually processed in bold)
10)<a href="URL">clickable text</a>
Creates a hyperlink to a Uniform Resource Locator
11)<p> </p>
Creates a new paragraph
12)<br>
AInserts a line break (carriage return)
13)<div> </div>
Used to format block content with CSS
14)<span> </span>
Used to format inline content with CSS
15)<ul> </ul>
Creates an unordered list
16)<li> </li>
Encompasses each list item
17)<ol start=?> </ol>
Creates an ordered list (start=xx,
18)<hr>
Inserts a horizontal rule
19)<img src="URL" alt=?>
Sets the alternate text for browsers that can't
process images (required by the ADA)
20)<form> </form>
Defines a form
21)<select multiple name=? size=?> </select>
Creates a scrolling menu. Size sets the number of
menu items visible before user needs to scroll.
22)<option>
Sets off each menu item
23)<textarea name=? cols="x" rows="y"></textarea>
Creates a text box area. Columns set the width;
rows set the height.
24)<input type="checkbox" name=? value=?>
Creates a checkbox.
25)<input type="checkbox" name=? value=? checked>
Creates a checkbox which is pre-checked.
26)<input type="radio" name=? value=?>
Creates a radio button.
27)<input type="text" name=? size=?>
Creates a one-line text area. Size sets length, in
characters.
28)<input type="submit" value=?>
Creates a submit button. Value sets the text in the
submit button.
29)<input type="image" name=? src=? border=? alt=?>
Creates a submit button using an image.
30)<input type="reset">
Creates a reset button
31)<input type="email" name=?>
Sets a single-line textbox for email addresses
32)<input type="url" name=?>
Sets a single-line textbox for URLs
33)<input type="number" name=?>
Sets a single-line textbox for a number
34)<input type="range" name=?>
Sets a single-line text box for a range of numbers
35)<input type="date/month/week/time" name=?>
Sets a single-line text box with a calendar
showing the date/month/week/time
36)<input type="search" name=?>
Sets a single-line text box for searching
37)<input type="color" name=?>
Sets a single-line text box for picking a color
38)<table> </table>
Creates a table
39)<tr> </tr>
Sets off each row in a table
40)<td> </td>
Sets off each cell in a row
41)<th> </th>
Sets off the table header (a normal cell with bold,
centered text)
