Headings
In HTML, headings are used to define the main headings and subheadings of a web page. There are six levels of headings, from <h1> (the most important) to <h6> (the least important). Here's an example of how headings can be used in HTML
<!DOCTYPE html> <html> <head> <title>My Web Page</title> </head> <body> <header> <h1>My Web Page</h1> </header> <main> <section> <h2>About Me</h2> <p>My name is John Doe and I am a web developer...</p> <h3>Education</h3> <ul> <li>Bachelor of Science in Computer Science, XYZ University</li> <li>Master of Science in Web Development, ABC University</li> </ul> </section> <section> <h2>My Projects</h2> <h3>Project 1</h3> <p>This is a description of my first project...</p> <h3>Project 2</h3> <p>This is a description of my second project...</p> </section> </main> <footer> <p>Copyright © 2022 My Web Page</p> </footer> </body> </html>
In this example, the <h1> heading is used in the header section to define the main heading of the page. The <h2> and <h3> headings are used in the main content section to define the subheadings and sub-subheadings of the page.
It's important to use headings properly to create a clear and organized hierarchy of information on your web page. When using headings, it's also a good practice to use them in order, starting with <h1> for the main heading, followed by <h2> for subheadings, and so on. This not only makes your page easier to read and understand, but it also helps search engines to better understand the content and structure of your web page.
Paragraphs
<p> tag, like this:In the example above, the text "This is a paragraph of text." is enclosed within the opening and closing <p> tags.
Here's an example of how paragraphs can be used in a web page:
<!DOCTYPE html> <html> <head> <title>My Web Page</title> </head> <body> <header> <h1>My Web Page</h1> </header> <main> <section> <h2>About Me</h2> <p>My name is John Doe and I am a web developer. I have been working in the field of web development for over 5 years, and have experience with HTML, CSS, JavaScript, and other web technologies.</p> <p>In my free time, I enjoy hiking and photography.</p> </section> <section> <h2>My Projects</h2> <p>Here are some of the projects I have worked on:</p> <ul> <li>Project 1: A responsive website for a local restaurant</li> <li>Project 2: An e-commerce website for a clothing store</li> </ul> </section> </main> <footer> <p>Copyright © 2022 My Web Page</p> </footer> </body> </html>
In this example, the <p> tag is used to group together related text content, such as the description of the web developer and his interests, as well as the description of his projects.
When using paragraphs in your web page, it's important to keep them short and focused, and to use them to group together related content. This makes your page easier to read and understand, and helps to create a clear and logical structure for your content.
Line break
<br> tag, like this:In the example above, the text "This is the first line." and "This is the second line." will appear on separate lines, even though they are enclosed within the same <p> tag.
Here's an example of how line breaks can be used in a web page:
<!DOCTYPE html> <html> <head> <title>My Web Page</title> </head> <body> <header> <h1>My Web Page</h1> </header> <main> <section> <h2>About Me</h2> <p>My name is John Doe and I am a web developer. I have been working in the field of web development for over 5 years, and have experience with HTML, CSS, JavaScript, and other web technologies.</p> <p>In my free time, I enjoy hiking and photography.</p> <p>Contact me at john@example.com<br>or follow me on Twitter @johndoe</p> </section> <section> <h2>My Projects</h2> <p>Here are some of the projects I have worked on:</p> <ul> <li>Project 1: A responsive website for a local restaurant</li> <li>Project 2: An e-commerce website for a clothing store</li> </ul> </section> </main> <footer> <p>Copyright © 2022 My Web Page</p> </footer> </body> </html>
Comments
Post a Comment