Hyper Text Markup Language
Html is a markup language used for put content in webpage
https://neetsourcemultiplications-com.dashnexpages.net/htmlcssjavascript/
Define HTTP/HTTPs
HTTP: Hypertext Transfer Protocol.
HTTP transmits the data over port number 80. No Data Encryption Google does not give the preference.
HTTPS: Hypertext Transfer Protocol Secure.
HTTPS transmits the data over port number 443 SSL that provides the encryption of the data.
Google gives preferences to the HTTPS
URL :
URN :- Uniform Resource Name
URI :- Uniform Resource Identifier
URL:- Uniform Resource Locator
It is a unique address to identify a person or an organization in the World Wide Web
HTML
What is a Html?
It is a standard markup language used to create web pages.
Structure of Html: -
<!doctype html><html> <head> <title>Html webpages</title> </head> <body> ----------------- ----------------- ----------------- ----------------- </body></html>
Html elements/Tags: -
1.Opening tag
2.Elements content
3.Closing tag
Define a tag?
the text placed between left angular brace "<" and right angular brace ">" is called tag [<html>]
Syntax: - <-->
Example: - <html>, <head>, <body>
Are there any types in Tags, if What are they, and how many?
Yes, there are Two types of tags
1.Paired tags
2.Unpaired tags
1.Paired Tags
The tags that have both opening and closing tags are called paired tags
Examples
<html>---------</html>
<head>--------</head>
<body>--------</body>
<html> is opening tag,
</html> is closing tag
List of some paired tags in HTML:
Open Tag Close Tag <html> </html> <table> </table> <form> </form> <span> </span> <ul> </ul> <p> </p> <head> </head> <div> </div>
note: - The closing tag starts with forward slash ("/")
2.Unpaired tags: -
The tags that have only one opening tags but no closing tags are called un-paired tags.
Examples: -
Some Unpaired Tags are:
Open Tag <br> <hr> <meta> <input>
Un paired tags are empty tags and self closed tags and forcefully closed tags
What are the essential tags in HTML?
There are four sets of HTML tags that form the basic structure needed for every HTML file:
<html>---------</html>
<head>--------</head>
<title>----------</title>
<body>--------</body>
Define <html>-------</html> ?
This basically defines the document as web page.
All other tags must fall between the html tags.
example: -<html> <head> <title>Html webpages</title> </head> <body> ----------------- ----------------- ----------------- ----------------- </body></html>
Define Header<head>----</head>?
The header contains information about the document that will not appear on the actual page, such as the title of the document.
example: -
<head> <title>Html webpages</title> <style></style> <script></script> </head>
<title></title>
The title tag defines the title that will appear in the title bar of your web browser. The title must appear between the head tags.
<style> Element
The <style> tag is used to define style information for an HTML document. It is a paired tag.
Syntax:
<style> ........................ </style>
Example:
<head>
<style type="text/css">
body {background-color: yellow;}
</style>
</head>
The HTML <script>
Element The <script> tag is used to define a client-side script, such as a JavaScript. It is a paired tag.
Syntax: <script> ........................ </script>example:
Parts in HTML Document:
Generally, HTML document has the following 3 parts:
1. Version Information
2. Head Section
3. Body Section
How to create web page?
Html code written by using t
Step1: Launch any Text Editor or IDE Step2: Write Required HTML source code
Step3: Save the file with .htm or .html extension
Step4: Right click on the saved file, open with any Web Browser or Double Click on the saved file.
example: -
<!doctype html><html> <head> <title>My Html webpages</title> </head> <body> Welcome to my room of web world </body></html>
List of the tags in Html: -
Tag name Description <!-- --> Apply comment in an HTML document. <!DOCTYPE> Specify the HTML version A <a> Creates hyperlink. <abbr> It defines abbreviation. <acronym> It defines acronym for a word. (Not supported in HTML5) <address> It is used to define author's contact information. <applet> It embeds Java applet. (Not supported in HTML5) <area> It defines the area of an image map. <article>
It specifies an article space in the website. <aside> It defines aside content from main content. <audio> It adds audio content in HTML document. B <b> It makes text bold. <base> It defines a base URL for all relative URL within the document. <blockquote> It defines the content taken from another source. <body> It defines the body section of an HTML document. <br> It creates a single line break. <button> It creates a clickable button. C <canvas> It creates a graphics space. <caption> It defines a caption for table. <cite> It defines the title of the book, website, etc. <code> It displays programming code within an HTML document. <col> It defines column within a table. D <datalist> It defines a predefined list for input option. <dd> It is used to provide definition/description of a term in description list. <del> It defines a deleted text. <details> It defines additional details. <dialog> It defines a dialog box. <div> It defines a division within HTML document. <dl> It defines a description list. E <em> It emphasizes text content. <embed> It embeds external files and media in the website. F <fieldset> It groups related elements/labels within a web form. <figcaption> It adds a caption for <figure> element. <figure> It defined self-contained content. <footer> It defines footer of a webpage. <form> It defines a form. H <h1> to <h6> It defines headings' sizes from level 1 to 6. <head> It defines the head section of an HTML document. <header> It specifies header section of a webpage. <hr> It applies thematic break between elements. <html> It is the root element of HTML document.
Features of Html: -
1.Html is a highly flexible markup language
2.Html is a user friendly
3.Html is a open technology
4.Html is a consistent and efficient
5.It takes less time to load web pages
Limitations of Html: -
Versions of Html: -
Advanced version of Html:
Html 5 #released in 2018
Html 5.1 #released in 2016
How to save html files?
html files are saved with .html extension
Where we can write and edit html code?
html code can be written in any code editor like Notepad, Notepad++, VSCode, Atom etc...,
just we need to save file in .html extension
ex:- 1)index.html
2)home.html
3)login.html
4)services.html
5)education.html
Html code is okay, but how to write CSS and Java Script code and link to html?
CSS and Java Script code written in .css and .js extension files
ex:- stylesheet.css
index.js
home.js
Html is a markup language used for put content in webpage
https://neetsourcemultiplications-com.dashnexpages.net/htmlcssjavascript/
Define HTTP/HTTPs
HTTP: Hypertext Transfer Protocol. HTTP transmits the data over port number 80. No Data Encryption Google does not give the preference.
HTTPS: Hypertext Transfer Protocol Secure. HTTPS transmits the data over port number 443 SSL that provides the encryption of the data. Google gives preferences to the HTTPS
URL :
URN :- Uniform Resource Name
URI :- Uniform Resource Identifier
URL:- Uniform Resource Locator It is a unique address to identify a person or an organization in the World Wide Web
HTML
What is a Html?
It is a standard markup language used to create web pages.
Structure of Html: -<!doctype html><html><head><title>Html webpages</title></head><body>--------------------------------------------------------------------</body></html>
Html elements/Tags: -
1.Opening tag
2.Elements content
3.Closing tag
Define a tag?
the text placed between left angular brace "<" and right angular brace ">" is called tag [<html>]
Syntax: - <-->
Example: - <html>, <head>, <body>
Are there any types in Tags, if What are they, and how many?
Yes, there are Two types of tags
1.Paired tags
2.Unpaired tags
1.Paired Tags
The tags that have both opening and closing tags are called paired tags
Examples
<html>---------</html>
<head>--------</head>
<body>--------</body>
<html> is opening tag,
</html> is closing tag
List of some paired tags in HTML:
note: - The closing tag starts with forward slash ("/")
Open Tag Close Tag <html> </html> <table> </table> <form> </form> <span> </span> <ul> </ul> <p> </p> <head> </head> <div> </div>
2.Unpaired tags: -
The tags that have only one opening tags but no closing tags are called un-paired tags.
Examples: -
Some Unpaired Tags are:
Un paired tags are empty tags and self closed tags and forcefully closed tags
Open Tag <br> <hr> <meta> <input>
What are the essential tags in HTML?There are four sets of HTML tags that form the basic structure needed for every HTML file: <html>---------</html>
<title>----------</title>
<head>--------</head>
<body>--------</body>
Define <html>-------</html> ?This basically defines the document as web page.
All other tags must fall between the html tags.
example: -<html><head><title>Html webpages</title></head><body>--------------------------------------------------------------------</body></html>
Define Header<head>----</head>?The header contains information about the document that will not appear on the actual page, such as the title of the document.
example: -<head><title>Html webpages</title><style></style><script></script></head>
<title></title>
The title tag defines the title that will appear in the title bar of your web browser. The title must appear between the head tags.
<style> Element The <style> tag is used to define style information for an HTML document. It is a paired tag. Syntax: <style> ........................ </style> Example: <head> <style type="text/css"> body {background-color: yellow;} </style> </head> The HTML <script> Element The <script> tag is used to define a client-side script, such as a JavaScript. It is a paired tag. Syntax: <script> ........................ </script>example:
Parts in HTML Document: Generally, HTML document has the following 3 parts: 1. Version Information 2. Head Section 3. Body Section
How to create web page?
Html code written by using t
Step1: Launch any Text Editor or IDEStep2: Write Required HTML source code
Step3: Save the file with .htm or .html extension
Step4: Right click on the saved file, open with any Web Browser or Double Click on the saved file.
example: -<!doctype html><html><head><title>My Html webpages</title></head><body>Welcome to my room of web world</body></html>
List of the tags in Html: -
| Tag name | Description |
|---|---|
| <!-- --> | Apply comment in an HTML document. |
| <!DOCTYPE> | Specify the HTML version |
| A | |
| <a> | Creates hyperlink. |
| <abbr> | It defines abbreviation. |
| <acronym> | It defines acronym for a word. (Not supported in HTML5) |
| <address> | It is used to define author's contact information. |
| <applet> | It embeds Java applet. (Not supported in HTML5) |
| <area> | It defines the area of an image map. |
| <article> | It specifies an article space in the website. |
| <aside> | It defines aside content from main content. |
| <audio> | It adds audio content in HTML document. |
| B | |
| <b> | It makes text bold. |
| <base> | It defines a base URL for all relative URL within the document. |
| <blockquote> | It defines the content taken from another source. |
| <body> | It defines the body section of an HTML document. |
| <br> | It creates a single line break. |
| <button> | It creates a clickable button. |
| C | |
| <canvas> | It creates a graphics space. |
| <caption> | It defines a caption for table. |
| <cite> | It defines the title of the book, website, etc. |
| <code> | It displays programming code within an HTML document. |
| <col> | It defines column within a table. |
| D | |
| <datalist> | It defines a predefined list for input option. |
| <dd> | It is used to provide definition/description of a term in description list. |
| <del> | It defines a deleted text. |
| <details> | It defines additional details. |
| <dialog> | It defines a dialog box. |
| <div> | It defines a division within HTML document. |
| <dl> | It defines a description list. |
| E | |
| <em> | It emphasizes text content. |
| <embed> | It embeds external files and media in the website. |
| F | |
| <fieldset> | It groups related elements/labels within a web form. |
| <figcaption> | It adds a caption for <figure> element. |
| <figure> | It defined self-contained content. |
| <footer> | It defines footer of a webpage. |
| <form> | It defines a form. |
| H | |
| <h1> to <h6> | It defines headings' sizes from level 1 to 6. |
| <head> | It defines the head section of an HTML document. |
| <header> | It specifies header section of a webpage. |
| <hr> | It applies thematic break between elements. |
| <html> | It is the root element of HTML document. |
Features of Html: -
1.Html is a highly flexible markup language
2.Html is a user friendly
3.Html is a open technology
4.Html is a consistent and efficient
5.It takes less time to load web pages
Limitations of Html: -
Versions of Html: -
Advanced version of Html:
Html 5 #released in 2018
Html 5.1 #released in 2016
How to save html files?
html files are saved with .html extension
Where we can write and edit html code?
html code can be written in any code editor like Notepad, Notepad++, VSCode, Atom etc...,
just we need to save file in .html extension
ex:- 1)index.html
2)home.html
3)login.html
4)services.html
5)education.html
Html code is okay, but how to write CSS and Java Script code and link to html?
CSS and Java Script code written in .css and .js extension files
ex:- stylesheet.css
index.js
home.js