{"id":768,"date":"2024-03-19T22:48:35","date_gmt":"2024-03-19T17:18:35","guid":{"rendered":"https:\/\/csaccept.com\/?p=768"},"modified":"2024-03-20T22:06:25","modified_gmt":"2024-03-20T16:36:25","slug":"html-hyper-text-markup-languagewith-example","status":"publish","type":"post","link":"https:\/\/csaccept.com\/html-hyper-text-markup-languagewith-example\/","title":{"rendered":"HTML (Hyper Text Markup Language)with Example"},"content":{"rendered":"\n

HTML<\/h2>\n\n\n\n

\u2192 HTML stands for Hyper Text Markup Language<\/mark><\/strong>. <\/p>\n\n\n\n

\u2192 It is developed by “Tim Berners Lee<\/strong><\/mark>“.
\u2192 HTML is a standard markup language with HTML we can create our own website.
\u2192 HTML describe the structure of web-pages.
\u2192 HTML consist of series of elements.
\u2192 HTML standards are created by www consortium (w3c).
\u2192 HTML elements tells the browser, how to display the contents.
\u2192 HTML elements are represent by tags.
\u2192 HTML is not a case – sensitive language.<\/p>\n\n\n\n

\u2192 HTML provides built in tags and their properties to design any types of webpages.<\/p>\n\n\n\n

\u2192Most of the closing HTML having their opening and Closing the tags.<\/p>\n\n\n\n

Syntax : <\/strong>Tag represent the root of thml documents.<\/p>\n\n\n\n

<tag> ————>Opening the tag.<\/p>\n\n\n\n

……………………………<\/p>\n\n\n\n

…………………………..<\/p>\n\n\n\n

<\/tag>————>Closing the tag.<\/p>\n\n\n\n

Example :<\/strong> HTML Programming<\/p>\n\n\n\n

<html><\/p>\n\n\n\n

<head> My first program <\/head><\/p>\n\n\n\n

<body> Hello How are you? <\/body><\/p>\n\n\n\n

<\/html><\/p>\n\n\n\n

Note :- To write a program in notepad or other any code editor and saving the extension file in .html or .htm<\/mark><\/p>\n\n\n\n

Hypertext : <\/h2>\n\n\n\n

Hypertext is a text which contains text to another link.<\/p>\n\n\n\n

Markup :- <\/h2>\n\n\n\n

Markup is a what html tag do to the text inside, then each of symbol is used for markup is a Command that tells a browser how to display the text.<\/p>\n\n\n\n

Text formatting :-<\/strong> <\/h2>\n\n\n\n
S.No <\/td>Tags<\/td>Name<\/td>Syntax<\/td>Meaning<\/td> Example<\/td><\/tr>
1.<\/td><b><\/td>Bold<\/td><b> text <\/b><\/td>This tag will create the text Bold<\/strong><\/td><html>
<body> <b> Good Morning <\/b><\/body>
<\/html>
e.g. Good Morning<\/strong><\/td><\/tr>
2.<\/td><i><\/td>Italic<\/td><i> text <\/i><\/td>It create the Italic<\/mark><\/em><\/td><html>
<body> <i> Good Morning <\/i><\/body>
<\/html>
e.g. Good Morning<\/mark><\/em><\/strong><\/td><\/tr>
3.<\/td><u><\/td>Underline<\/td><u> text <\/u><\/td>It create text underline<\/span><\/td><html>
<body> <u> Good Morning <\/u><\/body>
<\/html>
e.g. Good Morning<\/span><\/strong><\/td><\/tr>
4.<\/td><strong><\/td>Bold<\/td><strong> text <\/strong><\/td>It is same as a bold<\/strong><\/td><html>
<body> <b> Good Morning <\/b><\/body>
<\/html>
e.g. Good Morning<\/strong><\/td><\/tr>
5.<\/td><strike> <\/td>Line above the text<\/td><strike> text <\/strike><\/td>Create line above the text<\/s> <\/td><html>
<body> <strike> Good Morning <\/strike><\/body>
<\/html>
e.g. Good Morning<\/s><\/strong><\/td><\/tr>
6.<\/td><center> <\/td>Line the text in center<\/td><center> text <\/center><\/td> print text in center<\/td><html>
<body> <center> Good Morning <\/center><\/body>
<\/html>
e.g. Good Morning<\/strong><\/td><\/tr>
7,<\/td><p><\/td>Paragragh <\/td><paragraph>text<\/paragrapg><\/td>Its create paragraph<\/td><html>
<body> <p> Good Morning <\/p><\/body>
<\/html>
e.g. Good Morning<\/strong><\/td><\/tr>
8.<\/td><sub><\/td>Sub script H2<\/sub>O<\/strong><\/td><sub> text <\/sub><\/td>It create sub script H2<\/sub>O<\/strong><\/td><html>
<body> <sub> H <sub>2 <\/sub>O <\/sub><\/body>
<\/html>
e.g. H2<\/sub>O<\/strong><\/td><\/tr>
9.<\/td><sup><\/td>Sup script a2<\/sup> + b2<\/sup><\/strong><\/td><sup> text <\/sup><\/td>It create sup script a2<\/sup> + b2<\/sup><\/strong><\/td><html>
<body> <sup> a <sup>2 <\/sup> + b <sup>2 <\/sup><\/sup><\/body>
<\/html>
e.g. a2<\/sup> + b2<\/sup><\/strong><\/strong><\/td><\/tr>
10.<\/td><br><\/td>Break Line<\/td> text <\/br><\/td>It create break line or new line<\/td><html>
<body> Good Morning <br>India<\/body>
<\/html>
e.g. Good Morning<\/strong>
India<\/strong><\/td><\/tr>
11.<\/td><hr><\/td>Horizental <\/td> text <\/hr><\/td>It create horizental line<\/td><html>
<body> Good Morning <hr>India<\/body>
<\/html>
e.g. Good Morning<\/strong>
India<\/strong><\/td><\/tr>
12.<\/td><font><\/td>Style<\/td>size=”…px”
style=”Arial”
color=”red”<\/td>
Size large or small
Style Arial or anyother
color Red or anyother<\/td>
<html>
<body> <font size=”40″ face=”Arial” color=””Red> Good Morning <\/font><\/body>
<\/html>
e.g. Good Morning<\/strong><\/td><\/tr>
13.<\/td>bg color<\/td>bg color<\/td>bgcolor=”red” <\/td>Color name | RGB | Hexa digit<\/td>Define background color of body<\/td><\/tr>
14.<\/td>text<\/td>text color<\/td>text=”green” <\/td>Color name | RGB | Hexa digit<\/td>Define the forground (text color) color<\/td><\/tr>
15.<\/td>background <\/td>background <\/td>background=”image path\/URL”<\/td>Image path<\/td>Define image in background<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

<\/h2>\n","protected":false},"excerpt":{"rendered":"

HTML \u2192 HTML stands for Hyper Text Markup Language. \u2192 It is developed by “Tim Berners Lee“.\u2192 HTML is a standard markup language with HTML we can create our own…<\/p>\n","protected":false},"author":2,"featured_media":781,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[23],"tags":[],"class_list":["post-768","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/csaccept.com\/wp-content\/uploads\/2024\/03\/html-http-web-design-hompage-icon_53876-120700.jpg?fit=699%2C390&ssl=1","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/csaccept.com\/wp-json\/wp\/v2\/posts\/768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csaccept.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/csaccept.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/csaccept.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/csaccept.com\/wp-json\/wp\/v2\/comments?post=768"}],"version-history":[{"count":4,"href":"https:\/\/csaccept.com\/wp-json\/wp\/v2\/posts\/768\/revisions"}],"predecessor-version":[{"id":775,"href":"https:\/\/csaccept.com\/wp-json\/wp\/v2\/posts\/768\/revisions\/775"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/csaccept.com\/wp-json\/wp\/v2\/media\/781"}],"wp:attachment":[{"href":"https:\/\/csaccept.com\/wp-json\/wp\/v2\/media?parent=768"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/csaccept.com\/wp-json\/wp\/v2\/categories?post=768"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/csaccept.com\/wp-json\/wp\/v2\/tags?post=768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}