{"id":1046,"date":"2025-08-04T15:37:06","date_gmt":"2025-08-04T15:37:06","guid":{"rendered":"https:\/\/vithleshgupta.com\/?page_id=1046"},"modified":"2025-08-04T15:39:01","modified_gmt":"2025-08-04T15:39:01","slug":"html-css-javascript","status":"publish","type":"page","link":"https:\/\/vithleshgupta.com\/index.php\/html-css-javascript\/","title":{"rendered":"HTML CSS JavaScript"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1046\" class=\"elementor elementor-1046\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-381ff20 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"381ff20\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8e0df96 elementor-hidden-mobile\" data-id=\"8e0df96\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0c8a2c5 elementor-widget elementor-widget-sidebar\" data-id=\"0c8a2c5\" data-element_type=\"widget\" data-widget_type=\"sidebar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<aside id=\"block-2\" class=\"widget widget_block\"><p><nav id=\"bellows-main-6\" class=\"bellows bellows-nojs bellows-main bellows-source-menu bellows-align-full bellows-skin-grey-material bellows-type- bellows-expand-current\"><ul id=\"menu-sidebarmenu\" class=\"bellows-nav\" data-bellows-config=\"main\"><li id=\"menu-item-653\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-current_page_parent bellows-menu-item-has-children bellows-menu-item-653 bellows-item-level-0\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/helloworld\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Learn Java<\/span><button class=\"bellows-subtoggle\" aria-label=\"Toggle Submenu\"><i class=\"bellows-subtoggle-icon-expand fa fa-chevron-down\"><\/i><i class=\"bellows-subtoggle-icon-collapse fa fa-chevron-up\"><\/i><\/button><\/a>\n<ul class=\"bellows-submenu\">\n\t<li id=\"menu-item-970\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-home bellows-menu-item-970 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Java Basics Part 1<\/span><\/a><\/li>\n\t<li id=\"menu-item-1033\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-1033 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/java-basics-part-2\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Java Basics Part 2<\/span><\/a><\/li>\n\t<li id=\"menu-item-1045\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-1045 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/java-oops-part-1\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Java OOPS Part 1<\/span><\/a><\/li>\n\t<li id=\"menu-item-1044\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-1044 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/java-oops-part-2\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Java OOPS Part 2<\/span><\/a><\/li>\n\t<li id=\"menu-item-658\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-658 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/hello-world\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Hello World<\/span><\/a><\/li>\n\t<li id=\"menu-item-893\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-893 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/datatypes\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">DataTypes<\/span><\/a><\/li>\n\t<li id=\"menu-item-659\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-659 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/if-else-condition\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">If Else Condition<\/span><\/a><\/li>\n\t<li id=\"menu-item-660\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-660 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/if-else-if-condition\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">If Else if Condition<\/span><\/a><\/li>\n\t<li id=\"menu-item-894\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-894 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/switch-statement\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Switch Statement<\/span><\/a><\/li>\n\t<li id=\"menu-item-661\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-661 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/while-loop\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">While Loop<\/span><\/a><\/li>\n\t<li id=\"menu-item-657\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-657 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/for-loop\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">For Loop<\/span><\/a><\/li>\n\t<li id=\"menu-item-656\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-656 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/do-while-loop\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Do While Loop<\/span><\/a><\/li>\n\t<li id=\"menu-item-654\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-654 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/break-statement\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Break Statement<\/span><\/a><\/li>\n\t<li id=\"menu-item-655\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-655 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/continue-statement\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Continue Statement<\/span><\/a><\/li>\n\t<li id=\"menu-item-786\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-786 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/try-catch-statement\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Try Catch Statement<\/span><\/a><\/li>\n\t<li id=\"menu-item-897\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-897 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/arraylist\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">ArrayList<\/span><\/a><\/li>\n\t<li id=\"menu-item-896\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-896 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/hashset\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">HashSet<\/span><\/a><\/li>\n\t<li id=\"menu-item-895\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-895 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/hashmap\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">HashMap<\/span><\/a><\/li>\n\t<li id=\"menu-item-892\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-892 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/iterate-hashmap\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Iterate HashMap<\/span><\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-724\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-has-children bellows-menu-item-724 bellows-item-level-0\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/learn-selenium\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Learn Selenium<\/span><button class=\"bellows-subtoggle\" aria-label=\"Toggle Submenu\"><i class=\"bellows-subtoggle-icon-expand fa fa-chevron-down\"><\/i><i class=\"bellows-subtoggle-icon-collapse fa fa-chevron-up\"><\/i><\/button><\/a>\n<ul class=\"bellows-submenu\">\n\t<li id=\"menu-item-741\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-741 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/first-program-selenium\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">First Program \u2013 Selenium<\/span><\/a><\/li>\n\t<li id=\"menu-item-728\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-728 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/revise-selenium\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Revise Selenium<\/span><\/a><\/li>\n\t<li id=\"menu-item-1069\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-1069 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/html-css-javascript\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">HTML CSS JavaScript<\/span><\/a><\/li>\n\t<li id=\"menu-item-1068\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-1068 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/css-selector\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">CSS Selector<\/span><\/a><\/li>\n\t<li id=\"menu-item-1067\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-1067 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/xpath-types\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Xpath types<\/span><\/a><\/li>\n\t<li id=\"menu-item-765\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-765 bellows-item-level-1\"><a  href=\"https:\/\/vithleshgupta.com\/index.php\/practice-page\/\" class=\"bellows-target menu-link\"><span class=\"bellows-target-title bellows-target-text\">Practice Page<\/span><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul><\/nav><\/p>\n<\/aside>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d2a1565\" data-id=\"d2a1565\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3177166 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3177166\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-dac12e7\" data-id=\"dac12e7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a7198e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9a7198e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.14.0 - 26-06-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c80d42a elementor-widget elementor-widget-html\" data-id=\"c80d42a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1>HTML Elements and Basic Examples<\/h1>\r\n\r\n<h2>Headings: <code>&lt;h1&gt;<\/code> to <code>&lt;h6&gt;<\/code> and Page Title<\/h2>\r\n<p><code>&lt;h1&gt;<\/code>, <code>&lt;h2&gt;<\/code>, ... <code>&lt;h6&gt;<\/code>: Used for headings. <code>&lt;h1&gt;<\/code> is the main heading, <code>&lt;h6&gt;<\/code> is the smallest.<\/p>\r\n<pre style=\"background:#f4f4f4; padding:10px; overflow-x:auto;\"><code>&lt;h1&gt;Main Title&lt;\/h1&gt;\r\n&lt;h2&gt;Subheading&lt;\/h2&gt;\r\n<\/code><\/pre>\r\n<p><code>&lt;title&gt;<\/code>: Sets the title of the web page (shown in browser tab), goes inside <code>&lt;head&gt;<\/code>.<\/p>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;title&gt;My Web Page&lt;\/title&gt;\r\n<\/code><\/pre>\r\n\r\n<h2>Paragraphs<\/h2>\r\n<p><code>&lt;p&gt;<\/code>: Defines a paragraph.<\/p>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;p&gt;This is a paragraph of text.&lt;\/p&gt;\r\n<\/code><\/pre>\r\n\r\n<h2>Links &amp; Images<\/h2>\r\n<p><code>&lt;a&gt;<\/code>: Anchor tag for hyperlinks (add <code>target=\"_blank\"<\/code> to open in new tab).<\/p>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;a href=\"https:\/\/example.com\"&gt;Visit Example&lt;\/a&gt;\r\n<\/code><\/pre>\r\n<p><code>&lt;img&gt;<\/code>: Embeds an image (always specify <code>src<\/code> and <code>alt<\/code>).<\/p>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;img src=\"image.jpg\" alt=\"Description of image\"&gt;\r\n<\/code><\/pre>\r\n\r\n<h2>Line Break<\/h2>\r\n<p><code>&lt;br&gt;<\/code>: Inserts a line break.<\/p>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>Line one.&lt;br&gt;\r\nLine two.\r\n<\/code><\/pre>\r\n\r\n<h2>Inline Styling<\/h2>\r\n<p><code>style<\/code> attribute: Add CSS styles directly on an HTML element (not recommended for large projects).<\/p>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;p style=\"color:red; font-size:18px;\"&gt;Red text.&lt;\/p&gt;\r\n<\/code><\/pre>\r\n\r\n<h2>Tables<\/h2>\r\n<pre style=\"background:#f4f4f4; padding:10px; overflow-x:auto;\"><code>&lt;table border=\"1\"&gt;\r\n  &lt;tr&gt;\r\n    &lt;th&gt;Name&lt;\/th&gt;\r\n    &lt;th&gt;Age&lt;\/th&gt;\r\n  &lt;\/tr&gt;\r\n  &lt;tr&gt;\r\n    &lt;td&gt;Alice&lt;\/td&gt;\r\n    &lt;td&gt;23&lt;\/td&gt;\r\n  &lt;\/tr&gt;\r\n  &lt;tr&gt;\r\n    &lt;td&gt;Bob&lt;\/td&gt;\r\n    &lt;td&gt;30&lt;\/td&gt;\r\n  &lt;\/tr&gt;\r\n&lt;\/table&gt;\r\n<\/code><\/pre>\r\n\r\n<h2>Lists<\/h2>\r\n<h3>Unordered List<\/h3>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;ul&gt;\r\n  &lt;li&gt;Item 1&lt;\/li&gt;\r\n  &lt;li&gt;Item 2&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n<\/code><\/pre>\r\n\r\n<h3>Ordered List<\/h3>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;ol&gt;\r\n  &lt;li&gt;First&lt;\/li&gt;\r\n  &lt;li&gt;Second&lt;\/li&gt;\r\n&lt;\/ol&gt;\r\n<\/code><\/pre>\r\n\r\n<h2>id, class, div<\/h2>\r\n<p><strong>id<\/strong>: Identifies one unique element.<\/p>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;div id=\"uniqueBox\"&gt;Content&lt;\/div&gt;\r\n<\/code><\/pre>\r\n<p><strong>class<\/strong>: Groups multiple elements.<\/p>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;div class=\"commonBox\"&gt;Box 1&lt;\/div&gt;\r\n&lt;div class=\"commonBox\"&gt;Box 2&lt;\/div&gt;\r\n<\/code><\/pre>\r\n<p><code>&lt;div&gt;<\/code>: Generic container for layout\/styling.<\/p>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;div style=\"background:#eef;\"&gt;Wrapped content&lt;\/div&gt;\r\n<\/code><\/pre>\r\n\r\n<h2>Linking CSS Stylesheet<\/h2>\r\n<p>Put the following inside the <code>&lt;head&gt;<\/code> section:<\/p>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;link rel=\"stylesheet\" href=\"styles.css\"&gt;\r\n<\/code><\/pre>\r\n\r\n<h2>Input Elements<\/h2>\r\n<h3>Text Input<\/h3>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;input type=\"text\" name=\"username\" placeholder=\"Enter name\"&gt;\r\n<\/code><\/pre>\r\n\r\n<h3>Checkbox<\/h3>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;input type=\"checkbox\" id=\"subscribe\" name=\"subscribe\"&gt;\r\n&lt;label for=\"subscribe\"&gt;Subscribe&lt;\/label&gt;\r\n<\/code><\/pre>\r\n\r\n<h3>Radio Button<\/h3>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;input type=\"radio\" id=\"male\" name=\"gender\" value=\"male\"&gt;\r\n&lt;label for=\"male\"&gt;Male&lt;\/label&gt;\r\n&lt;input type=\"radio\" id=\"female\" name=\"gender\" value=\"female\"&gt;\r\n&lt;label for=\"female\"&gt;Female&lt;\/label&gt;\r\n<\/code><\/pre>\r\n\r\n<h3>Button<\/h3>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;button type=\"button\"&gt;Click Me&lt;\/button&gt;\r\n<\/code><\/pre>\r\n\r\n<h2>Label<\/h2>\r\n<p><code>&lt;label&gt;<\/code> improves form accessibility by connecting to input via <code>for<\/code> attribute.<\/p>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;label for=\"username\"&gt;Name:&lt;\/label&gt;\r\n&lt;input type=\"text\" id=\"username\" name=\"username\"&gt;\r\n<\/code><\/pre>\r\n\r\n<h2>Embedding Content: <code>&lt;iframe&gt;<\/code><\/h2>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;iframe src=\"https:\/\/www.example.com\" width=\"300\" height=\"200\"&gt;&lt;\/iframe&gt;\r\n<\/code><\/pre>\r\n\r\n<h2>Basic JavaScript Example<\/h2>\r\n<pre style=\"background:#f4f4f4; padding:10px;\"><code>&lt;button onclick=\"alert('Hello!')\"&gt;Show Alert&lt;\/button&gt;\r\n&lt;script&gt;\r\n  function sayHello() {\r\n    alert('Hello!');\r\n  }\r\n&lt;\/script&gt;\r\n&lt;button onclick=\"sayHello()\"&gt;Show With Function&lt;\/button&gt;\r\n<\/code><\/pre>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65fc66b elementor-widget elementor-widget-text-editor\" data-id=\"65fc66b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HTML Elements and Basic Examples Headings: &lt;h1&gt; to &lt;h6&gt; and Page Title &lt;h1&gt;, &lt;h2&gt;, &#8230; &lt;h6&gt;: Used for headings. &lt;h1&gt; is the main heading, &lt;h6&gt; is the smallest. &lt;h1&gt;Main Title&lt;\/h1&gt; &lt;h2&gt;Subheading&lt;\/h2&gt; &lt;title&gt;: Sets the title of the web page (shown in browser tab), goes inside &lt;head&gt;. &lt;title&gt;My Web Page&lt;\/title&gt; Paragraphs &lt;p&gt;: Defines a paragraph. &lt;p&gt;This &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/vithleshgupta.com\/index.php\/html-css-javascript\/\"> <span class=\"screen-reader-text\">HTML CSS JavaScript<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-1046","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vithleshgupta.com\/index.php\/wp-json\/wp\/v2\/pages\/1046","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vithleshgupta.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vithleshgupta.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vithleshgupta.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vithleshgupta.com\/index.php\/wp-json\/wp\/v2\/comments?post=1046"}],"version-history":[{"count":7,"href":"https:\/\/vithleshgupta.com\/index.php\/wp-json\/wp\/v2\/pages\/1046\/revisions"}],"predecessor-version":[{"id":1053,"href":"https:\/\/vithleshgupta.com\/index.php\/wp-json\/wp\/v2\/pages\/1046\/revisions\/1053"}],"wp:attachment":[{"href":"https:\/\/vithleshgupta.com\/index.php\/wp-json\/wp\/v2\/media?parent=1046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}