My Personal Website The tag is the parent tag that wraps the whole document. The tag contains metadata, such as the title of your website, and links to the external style sheet and script file. The `` tag contains the visible content of your website, such as headings, paragraphs, images, and links. Now, let’s add some content to your website. You can divide your website into different sections, such as a header, a main, and a footer. Each section can have its own `` tag with a unique id attribute, such as id=“header”, id=“main”, or id=“footer”. This will help you style and target each section separately with CSS and JavaScript. The header section can contain your name, a brief introduction, and a navigation menu. The main section can contain your biography, resume, and contact details. The footer section can contain some social media links and a copyright notice. Here’s an example of how you can write the HTML code for each section:

John Doe

Hi, I’m John Doe, a web developer and designer based in New York. I create beautiful and functional websites using HTML, CSS, and JavaScript.


I’ve been passionate about web development and design since I was a kid. I taught myself how to code by reading books, watching tutorials, and practicing on my own projects. I have a bachelor’s degree in computer science from the University of New York, and I’ve worked as a web developer for several companies and clients. I enjoy learning new technologies and frameworks, and I always strive to improve my skills and deliver high-quality work.




  • Bachelor of Science in Computer Science, University of New York, 2020 - 2024
  • High School Diploma, New York High School, 2016 - 2020


  • HTML, CSS, and JavaScript
  • Bootstrap, jQuery, and React
  • PHP, MySQL, and WordPress
  • Photoshop, Illustrator, and Figma


  • Web Developer, ABC Inc., Jan 2023 - Present
  • Web Designer, XYZ Ltd., Jun 2022 - Dec 2022
  • Freelance Web Developer, Jan 2022 - May 2022



If you want to get in touch with me, you can send me an email at, or fill out the form below. I’ll get back to you as soon as possible.

  • “Facebook”
  • “Twitter”
  • “LinkedIn”
  • “GitHub”

© 2023 John Doe. All rights reserved.

#nav { list-style-type: none; /* Remove the bullet points / display: flex; / Make the list items display horizontally / margin: 0; / Remove the default margin / padding: 0; / Remove the default padding */ } #nav li { padding: 10px; /* Add 10 pixels of space around each list item / border: 2px solid white; / Add a 2-pixel thick solid white border around each list item / border-radius: 10px; / Make the corners of the border rounded */ } #nav a { text-decoration: none; /* Remove the underline / color: white; / Make the text color white */ }