html body { margin-top: 50px !important; } #top_form { position: fixed; top:0; left:0; width: 100%; margin:0; z-index: 2100000000; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; border-bottom:1px solid #151515; background:#FFC8C8; height:45px; line-height:45px; } #top_form input[name=url] { width: 550px; height: 20px; padding: 5px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; border: 0px none; background: none repeat scroll 0% 0% #FFF; }
, while common tags include headings, paragraphs, links, and lists. Additionally, forms are used for user input, and semantic HTML elements enhance the meaning of content.">
0% found this document useful (0 votes)
2 views

HTML notes

HTML (HyperText Markup Language) is a markup language essential for web development, defining the structure of web pages with various elements. A basic HTML document includes elements like <!DOCTYPE html>, <html>, <head>, and <body>, while common tags include headings, paragraphs, links, and lists. Additionally, forms are used for user input, and semantic HTML elements enhance the meaning of content.

Uploaded by

Mohd
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views

HTML notes

HTML (HyperText Markup Language) is a markup language essential for web development, defining the structure of web pages with various elements. A basic HTML document includes elements like <!DOCTYPE html>, <html>, <head>, and <body>, while common tags include headings, paragraphs, links, and lists. Additionally, forms are used for user input, and semantic HTML elements enhance the meaning of content.

Uploaded by

Mohd
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

HTML (Notes)

1. Introduction to HTML:

• HTML (HyperText Markup Language) is the fundamental building block for web
development.

• HTML is not a programming language but a markup language that defines the structure
of web pages using various elements or tags.

2. Basic HTML Structure:

• Every HTML document consists of the following basic elements:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Title of the Page</title>

</head>

<body>

<!-- Content goes here -->

</body>

</html>

3. HTML Elements and Tags:

• Headings: Tags like <h1>, <h2>, ..., <h6> represent headings. <h1> is the largest and
most important heading, while <h6> is the smallest.

• Paragraphs: <p> is used to define paragraphs.

• Links: <a href="URL"> is used to create hyperlinks.

• Lists:

o Unordered List (<ul>) uses <li> for each item.

o Ordered List (<ol>) also uses <li> but numbers the items.

4. Forms:

• Forms are used to collect user input. Elements include:

o <input>: Input field for data entry.

o <button>: Button to submit the form.

o <textarea>: Multi-line text input.


o <select>: Dropdown menu for multiple choices.

<form action="/submit" method="POST">

<input type="text" name="username">

<input type="submit" value="Submit">

</form>

5. Semantic HTML:

• Semantic elements are used to convey the meaning of content to both the browser and
the developer. Examples include:

o <header>, <footer>, <article>, <section>, <aside>, and <nav>.

You might also like