{"id":1799,"date":"2025-08-01T15:47:24","date_gmt":"2025-08-01T15:47:24","guid":{"rendered":"https:\/\/itxperts.co.in\/blog\/?p=1799"},"modified":"2025-08-03T01:54:37","modified_gmt":"2025-08-03T01:54:37","slug":"html-unit-2-notes-class-10-computer-applications","status":"publish","type":"post","link":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/","title":{"rendered":"Unit-2 HTML Notes for Class 10 Computer Applications"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\"><strong>1. Introduction to Web Page Designing Using HTML<\/strong><\/h3>\n\n\n\n<p><strong>HTML<\/strong> stands for HyperText Markup Language. It is used to design web pages and web applications.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>HTML files are saved with the extension <code>.html<\/code> or <code>.htm<\/code><\/li>\n\n\n\n<li>HTML files can be opened using any modern web browser like Chrome, Firefox, Edge, etc.<\/li>\n<\/ul>\n\n\n\n<p><strong>Steps to create and view a web page<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open Notepad or any text editor<\/li>\n\n\n\n<li>Type HTML code<\/li>\n\n\n\n<li>Save the file as <code>filename.html<\/code><\/li>\n\n\n\n<li>Open it in a web browser by double-clicking the file<\/li>\n<\/ol>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;My First Page&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    Welcome to HTML learning.\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. HTML Tags<\/strong><\/h3>\n\n\n\n<p>HTML uses tags to mark up elements in a document. Tags usually come in pairs like <code>&lt;tag&gt;<\/code> and <code>&lt;\/tag&gt;<\/code><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Basic Structure Tags:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;html&gt;<\/code> : Root element<\/li>\n\n\n\n<li><code>&lt;head&gt;<\/code> : Contains metadata<\/li>\n\n\n\n<li><code>&lt;title&gt;<\/code> : Title shown in browser tab<\/li>\n\n\n\n<li><code>&lt;body&gt;<\/code> : Contains visible content<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;My Web Page&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    Hello World\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Body Tag Attributes:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>bgcolor<\/code> : Sets background color<\/li>\n\n\n\n<li><code>text<\/code> : Sets text color<\/li>\n\n\n\n<li><code>link<\/code> : Color of unvisited links<\/li>\n\n\n\n<li><code>vlink<\/code> : Color of visited links<\/li>\n\n\n\n<li><code>alink<\/code> : Color of active links<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body bgcolor=\"yellow\" text=\"black\" link=\"blue\" vlink=\"green\" alink=\"red\"&gt;\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Formatting Tags:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;br&gt;<\/code> : Line break (no closing tag)<\/li>\n\n\n\n<li><code>&lt;hr&gt;<\/code> : Horizontal rule (line)<\/li>\n\n\n\n<li><code>&lt;!-- comment --&gt;<\/code> : Adds comment<\/li>\n\n\n\n<li><code>&lt;h1&gt;<\/code> to <code>&lt;h6&gt;<\/code> : Heading tags (h1 is largest)<\/li>\n\n\n\n<li><code>&lt;p&gt;<\/code> : Paragraph<\/li>\n\n\n\n<li><code>&lt;b&gt;<\/code> : Bold text<\/li>\n\n\n\n<li><code>&lt;i&gt;<\/code> : Italic text<\/li>\n\n\n\n<li><code>&lt;u&gt;<\/code> : Underlined text<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h1&gt;This is Heading 1&lt;\/h1&gt;\n&lt;p&gt;This is a paragraph.&lt;\/p&gt;\n&lt;b&gt;Bold Text&lt;\/b&gt; &lt;i&gt;Italic Text&lt;\/i&gt; &lt;u&gt;Underlined Text&lt;\/u&gt;\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Lists in HTML<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Unordered List:<\/h4>\n\n\n\n<p>Uses bullet points<\/p>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul type=\"circle\"&gt;\n  &lt;li&gt;Math&lt;\/li&gt;\n  &lt;li&gt;Science&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Ordered List:<\/h4>\n\n\n\n<p>Uses numbers or letters<\/p>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ol type=\"A\" start=\"3\"&gt;\n  &lt;li&gt;First&lt;\/li&gt;\n  &lt;li&gt;Second&lt;\/li&gt;\n&lt;\/ol&gt;\n<\/code><\/pre>\n\n\n\n<p><strong>Attributes of Ordered List<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>type<\/code> = &#8220;1&#8221;, &#8220;A&#8221;, &#8220;a&#8221;, &#8220;I&#8221;, &#8220;i&#8221;<\/li>\n\n\n\n<li><code>start<\/code> = starting number<\/li>\n<\/ul>\n\n\n\n<p><strong>Attributes of Unordered List<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>type<\/code> = &#8220;disc&#8221;, &#8220;circle&#8221;, &#8220;square&#8221;<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Description List:<\/h4>\n\n\n\n<p>Used to define terms and descriptions<\/p>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;dl&gt;\n  &lt;dt&gt;HTML&lt;\/dt&gt;\n  &lt;dd&gt;Markup language for creating web pages&lt;\/dd&gt;\n&lt;\/dl&gt;\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Font Tags<\/strong><\/h3>\n\n\n\n<p>The <code>&lt;font&gt;<\/code> tag is used to change font properties. It uses the following attributes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>face<\/code> : Font name<\/li>\n\n\n\n<li><code>size<\/code> : Font size (1 to 7)<\/li>\n\n\n\n<li><code>color<\/code> : Font color<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;font face=\"Arial\" size=\"5\" color=\"blue\"&gt;This is styled text&lt;\/font&gt;\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Inserting Images<\/strong><\/h3>\n\n\n\n<p>Images can be added using the <code>&lt;img&gt;<\/code> tag. It does not need a closing tag.<\/p>\n\n\n\n<p><strong>Attributes<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>src<\/code> : Path of image<\/li>\n\n\n\n<li><code>width<\/code> and <code>height<\/code> : Size of image<\/li>\n\n\n\n<li><code>alt<\/code> : Alternate text when image is not displayed<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"logo.jpg\" width=\"200\" height=\"100\" alt=\"Company Logo\"&gt;\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6. Superscript and Subscript<\/strong><\/h3>\n\n\n\n<p>Used to show text above or below the normal line<\/p>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>X&lt;sup&gt;2&lt;\/sup&gt;    shows X squared\nH&lt;sub&gt;2&lt;\/sub&gt;O   shows chemical formula for water\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>7. HTML Forms<\/strong><\/h3>\n\n\n\n<p>Forms are used to collect data from users<\/p>\n\n\n\n<p><strong>Common Form Elements<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Textbox: <code>&lt;input type=\"text\"&gt;<\/code><\/li>\n\n\n\n<li>Password: <code>&lt;input type=\"password\"&gt;<\/code><\/li>\n\n\n\n<li>Radio button: <code>&lt;input type=\"radio\"&gt;<\/code><\/li>\n\n\n\n<li>Checkbox: <code>&lt;input type=\"checkbox\"&gt;<\/code><\/li>\n\n\n\n<li>List\/Dropdown: <code>&lt;select&gt;&lt;option&gt;&lt;\/option&gt;&lt;\/select&gt;<\/code><\/li>\n\n\n\n<li>ComboBox: Same as dropdown<\/li>\n\n\n\n<li>Submit Button: <code>&lt;input type=\"submit\"&gt;<\/code><\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;form&gt;\n  Name: &lt;input type=\"text\"&gt;&lt;br&gt;\n  Gender:\n  &lt;input type=\"radio\" name=\"gender\"&gt; Male\n  &lt;input type=\"radio\" name=\"gender\"&gt; Female &lt;br&gt;\n  Hobbies:\n  &lt;input type=\"checkbox\"&gt; Reading\n  &lt;input type=\"checkbox\"&gt; Music &lt;br&gt;\n  City:\n  &lt;select&gt;\n    &lt;option&gt;Delhi&lt;\/option&gt;\n    &lt;option&gt;Mumbai&lt;\/option&gt;\n  &lt;\/select&gt; &lt;br&gt;\n  &lt;input type=\"submit\" value=\"Submit\"&gt;\n&lt;\/form&gt;\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>8. Embed Audio and Video<\/strong><\/h3>\n\n\n\n<p><strong>Audio Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;audio controls&gt;\n  &lt;source src=\"audiofile.mp3\" type=\"audio\/mpeg\"&gt;\n&lt;\/audio&gt;\n<\/code><\/pre>\n\n\n\n<p><strong>Video Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;video width=\"300\" height=\"200\" controls&gt;\n  &lt;source src=\"movie.mp4\" type=\"video\/mp4\"&gt;\n&lt;\/video&gt;\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>9. Tables in HTML<\/strong><\/h3>\n\n\n\n<p>Tables are created using rows and columns<\/p>\n\n\n\n<p><strong>Tags Used<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;table&gt;<\/code> : Defines table<\/li>\n\n\n\n<li><code>&lt;tr&gt;<\/code> : Table row<\/li>\n\n\n\n<li><code>&lt;th&gt;<\/code> : Table header cell<\/li>\n\n\n\n<li><code>&lt;td&gt;<\/code> : Table data cell<\/li>\n\n\n\n<li><code>rowspan<\/code> and <code>colspan<\/code> : Merge rows or columns<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;table border=\"1\"&gt;\n  &lt;tr&gt;\n    &lt;th&gt;Name&lt;\/th&gt;\n    &lt;th&gt;Marks&lt;\/th&gt;\n  &lt;\/tr&gt;\n  &lt;tr&gt;\n    &lt;td rowspan=\"2\"&gt;Rahul&lt;\/td&gt;\n    &lt;td&gt;85&lt;\/td&gt;\n  &lt;\/tr&gt;\n  &lt;tr&gt;\n    &lt;td&gt;90&lt;\/td&gt;\n  &lt;\/tr&gt;\n&lt;\/table&gt;\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>10. Links in HTML<\/strong><\/h3>\n\n\n\n<p>Links are created using the <code>&lt;a&gt;<\/code> tag<\/p>\n\n\n\n<p><strong>Attributes<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>href<\/code> : Target URL or email<\/li>\n\n\n\n<li><code>target=\"_blank\"<\/code> : Opens link in new tab<\/li>\n\n\n\n<li><code>mailto:<\/code> : Opens default mail app<\/li>\n<\/ul>\n\n\n\n<p><strong>Examples<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.cbse.gov.in\" target=\"_blank\"&gt;Visit CBSE&lt;\/a&gt;\n&lt;a href=\"mailto:info@example.com\"&gt;Email Us&lt;\/a&gt;\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>11. Cascading Style Sheets (CSS)<\/strong><\/h3>\n\n\n\n<p>CSS is used to style HTML elements. Inline CSS is written using the <code>style<\/code> attribute.<\/p>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p style=\"color: red; font-size: 18px; background-color: yellow;\"&gt;Styled Text&lt;\/p&gt;\n<\/code><\/pre>\n\n\n\n<p><strong>Common CSS Properties<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>color<\/code> : Text color<\/li>\n\n\n\n<li><code>background-color<\/code> : Background color<\/li>\n\n\n\n<li><code>border-style<\/code> : solid, dotted, dashed<\/li>\n\n\n\n<li><code>margin<\/code> : Space around element<\/li>\n\n\n\n<li><code>height<\/code>, <code>width<\/code> : Size of element<\/li>\n\n\n\n<li><code>outline<\/code> : Border outside main border<\/li>\n\n\n\n<li><code>font-family<\/code> : Type of font<\/li>\n\n\n\n<li><code>font-style<\/code> : normal, italic<\/li>\n\n\n\n<li><code>font-size<\/code> : Size of text<\/li>\n\n\n\n<li><code>text-align<\/code> : Align text (left, center, right)<\/li>\n\n\n\n<li><code>float<\/code> : Place element to left or right<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Important Questions and Answers <\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Short Answer Type Questions (1 to 2 Marks)<\/strong><\/h3>\n\n\n\n<p><strong>Q1. What is HTML?<\/strong><br><strong>Ans:<\/strong> HTML (HyperText Markup Language) is the standard markup language used to create and design web pages.<\/p>\n\n\n\n<p><strong>Q2. Name any two container and two empty tags in HTML.<\/strong><br><strong>Ans:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Container tags: <code>&lt;html><\/code>, <code>&lt;body><\/code><\/li>\n\n\n\n<li>Empty tags: <code>&lt;br><\/code>, <code>&lt;hr><\/code><\/li>\n<\/ul>\n\n\n\n<p><strong>Q3. What is the purpose of the <code>&lt;title&gt;<\/code> tag?<\/strong><br><strong>Ans:<\/strong> The <code>&lt;title&gt;<\/code> tag sets the title of the web page, which is displayed in the browser&#8217;s title bar or tab.<\/p>\n\n\n\n<p><strong>Q4. Write the syntax of the <code>&lt;img&gt;<\/code> tag.<\/strong><br><strong>Ans:<\/strong><br><code>&lt;img src=\"image.jpg\" width=\"200\" height=\"150\" alt=\"Image\"&gt;<\/code><\/p>\n\n\n\n<p><strong>Q5. Which attribute of <code>&lt;ol&gt;<\/code> is used to change the numbering type?<\/strong><br><strong>Ans:<\/strong> The <code>type<\/code> attribute. Example: <code>&lt;ol type=\"A\"&gt;<\/code><\/p>\n\n\n\n<p><strong>Q6. What is the use of <code>&lt;form&gt;<\/code> tag in HTML?<\/strong><br><strong>Ans:<\/strong> The <code>&lt;form&gt;<\/code> tag is used to create input forms to collect data from the user.<\/p>\n\n\n\n<p><strong>Q7. How is superscript text written in HTML?<\/strong><br><strong>Ans:<\/strong> Using the <code>&lt;sup&gt;<\/code> tag. Example: X2 shows X squared.<\/p>\n\n\n\n<p><strong>Q8. Write the HTML tag to display a horizontal line.<\/strong><br><strong>Ans:<\/strong> <code>&lt;hr&gt;<\/code><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Long Answer Type Questions (3 to 5 Marks)<\/strong><\/h3>\n\n\n\n<p><strong>Q9. Write HTML code to display a list of your favorite fruits using an unordered list.<\/strong><br><strong>Ans:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul type=\"circle\"&gt;\n  &lt;li&gt;Apple&lt;\/li&gt;\n  &lt;li&gt;Mango&lt;\/li&gt;\n  &lt;li&gt;Banana&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code><\/pre>\n\n\n\n<p><strong>Q10. Explain the difference between <code>&lt;ol&gt;<\/code> and <code>&lt;ul&gt;<\/code> with example.<\/strong><br><strong>Ans:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;ol><\/code> is an ordered list. Items are numbered or lettered.<\/li>\n\n\n\n<li><code>&lt;ul><\/code> is an unordered list. Items have bullet points.<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ol&gt;\n  &lt;li&gt;Math&lt;\/li&gt;\n  &lt;li&gt;Science&lt;\/li&gt;\n&lt;\/ol&gt;\n\n&lt;ul&gt;\n  &lt;li&gt;Pen&lt;\/li&gt;\n  &lt;li&gt;Pencil&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code><\/pre>\n\n\n\n<p><strong>Q11. Write HTML code to create a table with two rows and three columns.<\/strong><br><strong>Ans:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;table border=\"1\"&gt;\n  &lt;tr&gt;\n    &lt;td&gt;One&lt;\/td&gt;&lt;td&gt;Two&lt;\/td&gt;&lt;td&gt;Three&lt;\/td&gt;\n  &lt;\/tr&gt;\n  &lt;tr&gt;\n    &lt;td&gt;Four&lt;\/td&gt;&lt;td&gt;Five&lt;\/td&gt;&lt;td&gt;Six&lt;\/td&gt;\n  &lt;\/tr&gt;\n&lt;\/table&gt;\n<\/code><\/pre>\n\n\n\n<p><strong>Q12. Write HTML code to embed an audio file and a video file.<\/strong><br><strong>Ans:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;audio controls&gt;\n  &lt;source src=\"music.mp3\" type=\"audio\/mpeg\"&gt;\n&lt;\/audio&gt;\n\n&lt;video width=\"320\" height=\"240\" controls&gt;\n  &lt;source src=\"video.mp4\" type=\"video\/mp4\"&gt;\n&lt;\/video&gt;\n<\/code><\/pre>\n\n\n\n<p><strong>Q13. Write HTML code to design a simple form to collect name, gender, and hobbies.<\/strong><br><strong>Ans:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;form&gt;\n  Name: &lt;input type=\"text\"&gt;&lt;br&gt;\n  Gender:\n  &lt;input type=\"radio\" name=\"gender\"&gt;Male\n  &lt;input type=\"radio\" name=\"gender\"&gt;Female&lt;br&gt;\n  Hobbies:\n  &lt;input type=\"checkbox\"&gt;Reading\n  &lt;input type=\"checkbox\"&gt;Sports&lt;br&gt;\n  &lt;input type=\"submit\" value=\"Submit\"&gt;\n&lt;\/form&gt;\n<\/code><\/pre>\n\n\n\n<p><strong>Q14. Write HTML code to create a hyperlink to open Google in a new tab.<\/strong><br><strong>Ans:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.google.com\" target=\"_blank\"&gt;Visit Google&lt;\/a&gt;\n<\/code><\/pre>\n\n\n\n<p><strong>Q15. What is CSS? List any three CSS properties with example.<\/strong><br><strong>Ans:<\/strong><br>CSS (Cascading Style Sheets) is used to style HTML elements.<br>Common properties:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>color<\/code><\/li>\n\n\n\n<li><code>font-size<\/code><\/li>\n\n\n\n<li><code>background-color<\/code><\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p style=\"color:red; font-size:18px; background-color:yellow;\"&gt;\n  Styled Text\n&lt;\/p&gt;\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>1. Introduction to Web Page Designing Using HTML HTML stands for HyperText Markup Language. It is used to design web pages and web applications. Steps to create and view a web page: Example: 2. HTML Tags HTML uses tags to mark up elements in a document. Tags usually come in pairs like &lt;tag&gt; and &lt;\/tag&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1800,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"googlesitekit_rrm_CAow44u0DA:productID":"","footnotes":""},"categories":[205],"tags":[],"class_list":["post-1799","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-computer-application"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Unit-2 HTML Notes for Class 10 Computer Applications - Itxperts<\/title>\n<meta name=\"description\" content=\"Download or read complete notes for CBSE Class 10 Computer Applications Unit 2 \u2013 HTML. Includes explained tags, syntax, examples, and form elements as per syllabus.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Unit 2 Notes for Class 10 Computer Applications \u2013 Full Guide with Examples\" \/>\n<meta property=\"og:description\" content=\"Download or read complete notes for CBSE Class 10 Computer Applications Unit 2 \u2013 HTML. Includes explained tags, syntax, examples, and form elements as per syllabus.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/\" \/>\n<meta property=\"og:site_name\" content=\"Itxperts\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/itxperts.co.in\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-01T15:47:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-03T01:54:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/08\/Unit-2-HTML-\u2013-Class-10-Notes-1024x683.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"683\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"@mritxperts\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"@mritxperts\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/\"},\"author\":{\"name\":\"@mritxperts\",\"@id\":\"https:\/\/itxperts.co.in\/blog\/#\/schema\/person\/77ad4d47f9f82583ee23e37010a52fc6\"},\"headline\":\"Unit-2 HTML Notes for Class 10 Computer Applications\",\"datePublished\":\"2025-08-01T15:47:24+00:00\",\"dateModified\":\"2025-08-03T01:54:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/\"},\"wordCount\":711,\"publisher\":{\"@id\":\"https:\/\/itxperts.co.in\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/08\/Unit-2-HTML-\u2013-Class-10-Notes.png\",\"articleSection\":[\"Computer Application\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/\",\"url\":\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/\",\"name\":\"Unit-2 HTML Notes for Class 10 Computer Applications - Itxperts\",\"isPartOf\":{\"@id\":\"https:\/\/itxperts.co.in\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/08\/Unit-2-HTML-\u2013-Class-10-Notes.png\",\"datePublished\":\"2025-08-01T15:47:24+00:00\",\"dateModified\":\"2025-08-03T01:54:37+00:00\",\"description\":\"Download or read complete notes for CBSE Class 10 Computer Applications Unit 2 \u2013 HTML. Includes explained tags, syntax, examples, and form elements as per syllabus.\",\"breadcrumb\":{\"@id\":\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#primaryimage\",\"url\":\"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/08\/Unit-2-HTML-\u2013-Class-10-Notes.png\",\"contentUrl\":\"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/08\/Unit-2-HTML-\u2013-Class-10-Notes.png\",\"width\":1536,\"height\":1024,\"caption\":\"Unit 2: HTML \u2013 Class 10 Notes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/itxperts.co.in\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unit-2 HTML Notes for Class 10 Computer Applications\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/itxperts.co.in\/blog\/#website\",\"url\":\"https:\/\/itxperts.co.in\/blog\/\",\"name\":\"Itxperts\",\"description\":\"Leading Website Design Company in Madhya Pradesh\",\"publisher\":{\"@id\":\"https:\/\/itxperts.co.in\/blog\/#organization\"},\"alternateName\":\"Itxperts | Website Development in Madhya Pradesh\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/itxperts.co.in\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/itxperts.co.in\/blog\/#organization\",\"name\":\"Itxperts\",\"alternateName\":\"Leading Website Design Company in Madhya Pradesh \u2013 Itxperts\",\"url\":\"https:\/\/itxperts.co.in\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/itxperts.co.in\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/05\/cropped-itxperts_logo.png\",\"contentUrl\":\"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/05\/cropped-itxperts_logo.png\",\"width\":512,\"height\":512,\"caption\":\"Itxperts\"},\"image\":{\"@id\":\"https:\/\/itxperts.co.in\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/itxperts.co.in\",\"https:\/\/www.linkedin.com\/company\/itxpertsshivpuri\/\",\"https:\/\/www.instagram.com\/itxperts.co.in\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/itxperts.co.in\/blog\/#\/schema\/person\/77ad4d47f9f82583ee23e37010a52fc6\",\"name\":\"@mritxperts\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/itxperts.co.in\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/702cffafd84d85872c0d42d33a9fa39140418d7c60a1311a1f8f55b005d0570b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/702cffafd84d85872c0d42d33a9fa39140418d7c60a1311a1f8f55b005d0570b?s=96&d=mm&r=g\",\"caption\":\"@mritxperts\"},\"description\":\"I am a full-stack web developer from India with over 8 years of experience in building dynamic and responsive web solutions. Specializing in both front-end and back-end development, I have a passion for creating seamless digital experiences. When I'm not coding, I enjoy sharing insights and tutorials on the latest web technologies, helping fellow developers stay ahead in the ever-evolving tech landscape.\",\"sameAs\":[\"https:\/\/itxperts.co.in\/blog\"],\"url\":\"https:\/\/itxperts.co.in\/blog\/author\/mritxpertsgmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Unit-2 HTML Notes for Class 10 Computer Applications - Itxperts","description":"Download or read complete notes for CBSE Class 10 Computer Applications Unit 2 \u2013 HTML. Includes explained tags, syntax, examples, and form elements as per syllabus.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/","og_locale":"en_US","og_type":"article","og_title":"HTML Unit 2 Notes for Class 10 Computer Applications \u2013 Full Guide with Examples","og_description":"Download or read complete notes for CBSE Class 10 Computer Applications Unit 2 \u2013 HTML. Includes explained tags, syntax, examples, and form elements as per syllabus.","og_url":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/","og_site_name":"Itxperts","article_publisher":"https:\/\/www.facebook.com\/itxperts.co.in","article_published_time":"2025-08-01T15:47:24+00:00","article_modified_time":"2025-08-03T01:54:37+00:00","og_image":[{"width":1024,"height":683,"url":"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/08\/Unit-2-HTML-\u2013-Class-10-Notes-1024x683.png","type":"image\/png"}],"author":"@mritxperts","twitter_card":"summary_large_image","twitter_misc":{"Written by":"@mritxperts","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#article","isPartOf":{"@id":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/"},"author":{"name":"@mritxperts","@id":"https:\/\/itxperts.co.in\/blog\/#\/schema\/person\/77ad4d47f9f82583ee23e37010a52fc6"},"headline":"Unit-2 HTML Notes for Class 10 Computer Applications","datePublished":"2025-08-01T15:47:24+00:00","dateModified":"2025-08-03T01:54:37+00:00","mainEntityOfPage":{"@id":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/"},"wordCount":711,"publisher":{"@id":"https:\/\/itxperts.co.in\/blog\/#organization"},"image":{"@id":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#primaryimage"},"thumbnailUrl":"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/08\/Unit-2-HTML-\u2013-Class-10-Notes.png","articleSection":["Computer Application"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/","url":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/","name":"Unit-2 HTML Notes for Class 10 Computer Applications - Itxperts","isPartOf":{"@id":"https:\/\/itxperts.co.in\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#primaryimage"},"image":{"@id":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#primaryimage"},"thumbnailUrl":"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/08\/Unit-2-HTML-\u2013-Class-10-Notes.png","datePublished":"2025-08-01T15:47:24+00:00","dateModified":"2025-08-03T01:54:37+00:00","description":"Download or read complete notes for CBSE Class 10 Computer Applications Unit 2 \u2013 HTML. Includes explained tags, syntax, examples, and form elements as per syllabus.","breadcrumb":{"@id":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#primaryimage","url":"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/08\/Unit-2-HTML-\u2013-Class-10-Notes.png","contentUrl":"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/08\/Unit-2-HTML-\u2013-Class-10-Notes.png","width":1536,"height":1024,"caption":"Unit 2: HTML \u2013 Class 10 Notes"},{"@type":"BreadcrumbList","@id":"https:\/\/itxperts.co.in\/blog\/html-unit-2-notes-class-10-computer-applications\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/itxperts.co.in\/blog\/"},{"@type":"ListItem","position":2,"name":"Unit-2 HTML Notes for Class 10 Computer Applications"}]},{"@type":"WebSite","@id":"https:\/\/itxperts.co.in\/blog\/#website","url":"https:\/\/itxperts.co.in\/blog\/","name":"Itxperts","description":"Leading Website Design Company in Madhya Pradesh","publisher":{"@id":"https:\/\/itxperts.co.in\/blog\/#organization"},"alternateName":"Itxperts | Website Development in Madhya Pradesh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itxperts.co.in\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/itxperts.co.in\/blog\/#organization","name":"Itxperts","alternateName":"Leading Website Design Company in Madhya Pradesh \u2013 Itxperts","url":"https:\/\/itxperts.co.in\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/itxperts.co.in\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/05\/cropped-itxperts_logo.png","contentUrl":"https:\/\/itxperts.co.in\/blog\/wp-content\/uploads\/2025\/05\/cropped-itxperts_logo.png","width":512,"height":512,"caption":"Itxperts"},"image":{"@id":"https:\/\/itxperts.co.in\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/itxperts.co.in","https:\/\/www.linkedin.com\/company\/itxpertsshivpuri\/","https:\/\/www.instagram.com\/itxperts.co.in\/"]},{"@type":"Person","@id":"https:\/\/itxperts.co.in\/blog\/#\/schema\/person\/77ad4d47f9f82583ee23e37010a52fc6","name":"@mritxperts","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/itxperts.co.in\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/702cffafd84d85872c0d42d33a9fa39140418d7c60a1311a1f8f55b005d0570b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/702cffafd84d85872c0d42d33a9fa39140418d7c60a1311a1f8f55b005d0570b?s=96&d=mm&r=g","caption":"@mritxperts"},"description":"I am a full-stack web developer from India with over 8 years of experience in building dynamic and responsive web solutions. Specializing in both front-end and back-end development, I have a passion for creating seamless digital experiences. When I'm not coding, I enjoy sharing insights and tutorials on the latest web technologies, helping fellow developers stay ahead in the ever-evolving tech landscape.","sameAs":["https:\/\/itxperts.co.in\/blog"],"url":"https:\/\/itxperts.co.in\/blog\/author\/mritxpertsgmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/itxperts.co.in\/blog\/wp-json\/wp\/v2\/posts\/1799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itxperts.co.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itxperts.co.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itxperts.co.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itxperts.co.in\/blog\/wp-json\/wp\/v2\/comments?post=1799"}],"version-history":[{"count":4,"href":"https:\/\/itxperts.co.in\/blog\/wp-json\/wp\/v2\/posts\/1799\/revisions"}],"predecessor-version":[{"id":1848,"href":"https:\/\/itxperts.co.in\/blog\/wp-json\/wp\/v2\/posts\/1799\/revisions\/1848"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itxperts.co.in\/blog\/wp-json\/wp\/v2\/media\/1800"}],"wp:attachment":[{"href":"https:\/\/itxperts.co.in\/blog\/wp-json\/wp\/v2\/media?parent=1799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itxperts.co.in\/blog\/wp-json\/wp\/v2\/categories?post=1799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itxperts.co.in\/blog\/wp-json\/wp\/v2\/tags?post=1799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}