HTML Coding for Website Creation
Free website creation List and HTML code
To create a basic website using HTML, follow these steps:
Open a text editor such as Notepad, Sublime Text, or Visual Studio Code.
Create a new file and save it with the .html extension (e.g., index.html).
Start the HTML document by typing <!DOCTYPE html> at the top of the file.
Add the HTML head section, which contains metadata about the page such as the title, author, and description. Here's an example:
Example : 1
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<header>
<h1>Welcome to My Website</h1>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id="about">
<h2>About Us</h2>
<p>We are a company that specializes in web development.</p>
</section>
<section id="services">
<h2>Our Services</h2>
<ul>
<li>Web design</li>
<li>Web development</li>
<li>SEO</li>
</ul>
</section>
<section id="contact">
<h2>Contact Us</h2>
<p>Fill out the form below to get in touch.</p>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<label for="message">Message:</label>
<textarea id="message" name="message"></textarea>
<button type="submit">Send</button>
</form>
</section>
</main>
<footer>
<p>© 2023 My Website. All rights reserved.</p>
</footer>
</body>
</html>
Example:2
Here's the complete code:
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<meta name="description" content="This is my website.">
<meta name="author" content="Your Name">
</head>
<body>
<h1>Welcome to my website</h1>
<p>This is the content of my website.</p>
</body>
</html>
From here, you can continue to add HTML tags to create more complex web pages with images, links, forms, and other elements.
Example: 3
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<h1>Welcome to my website</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<h2>About me</h2>
<p>I am a web developer based in [your location]. I specialize in [your specialty].</p>
<h2>Contact me</h2>
<p>You can reach me at [your email address] or connect with me on [your social media profiles].</p>
</main>
<footer>
<p>© 2023 My Website. All rights reserved.</p>
</footer>
</body>
</html>
Example: 4
HTML, or HyperText Markup Language, is the standard language used to create web pages. Here is a basic HTML template that you can use to create a simple webpage:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Heading 1</h1>
<p>This is a paragraph.</p>
<a href="https://www.example.com">Link to example.com</a>
</body>
</html>
Here is an explanation of the code:
- <!DOCTYPE html> defines the document type and version of HTML being used.
- The <html> element is the root element of the HTML document and contains all other elements.
- The <head> element contains metadata about the document, such as the title of the page, which appears in the browser's title bar and search engine results.
- The <title> element defines the title of the page.
- The <body> element contains the visible content of the page.
- The <h1> element defines a top-level heading.
- The <p> element defines a paragraph of text.
- The <a> element defines a hyperlink and the href attribute specifies the URL it links to.
You can add additional HTML elements and attributes to create a more complex webpage. You can also use CSS (Cascading Style Sheets) and JavaScript to style and add interactivity to your webpage.
There are many platforms that offer free website creation and allow you to build a website using HTML without the need for coding knowledge. Here are some popular options:
1. Wix: Wix is a popular website builder that offers a drag-and-drop interface for building websites. You can choose from a variety of templates and customize them using HTML and CSS.
2. WordPress.com: WordPress.com is a platform that allows you to create a website or blog for free. It offers a variety of templates and themes, and you can customize them using HTML and CSS.
3. Weebly: Weebly is another drag-and-drop website builder that allows you to create a website for free. You can customize your website using HTML and CSS, or use Weebly's drag-and-drop interface.
4. Google Sites: Google Sites is a free website builder that allows you to create a website using HTML and CSS. It offers a variety of templates and themes, and you can customize them to fit your needs.
5. Carrd: Carrd is a platform that allows you to create a simple one-page website for free. It offers a drag-and-drop interface and allows you to customize your website using HTML and CSS.
All of these platforms offer free options for building websites using HTML, and they make it easy to get started even if you have no coding experience.
About the Creator
manjusathish
My name is Manju, I am completed Bachelor of Electronics and Communication Engineering, My native is Tenkasi in Tamilnadu. I have one and only elder brother. My father is a farmer. My mother is a beedi worker. Thank you.
Keep reading
More stories from manjusathish and writers in Education and other communities.
Digital Marketing
Digital marketing: Digital marketing is the practice of promoting products or services using digital technologies and channels, such as social media, search engines, email, websites, mobile apps, and other digital platforms. The goal of digital marketing is to reach and engage a target audience, generate leads, drive traffic, and ultimately convert leads into customers.
By manjusathishabout a year ago in Education
Why Teaching Nursing Students
Spending the last fifteen years of my professional career as a Nursing Instructor was probably my most meaningful era in the healthcare field for me. Having paid my dues on a busy Medical-Surgical floor, Postpartum float, Geriatric nursing supervisor, home health agency, Neuro/Neuro ICU charge nurse, Neurosurgeon's clinic, Day Surgery unit, I wasn't even looking to spread my wings to academia. But, as the story goes, sometimes opportunities just come to you. I like to think of this as a pre-destined assignment.)
By Shirley Belk36 minutes ago in Education
Comments
There are no comments for this story
Be the first to respond and start the conversation.