Scribd
Upload
16 views

Website

Uploaded by

2023bcacsbumesh15064
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
16 views

Website

Uploaded by

2023bcacsbumesh15064
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 5

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Page Title</title>
<style>
/* Add your CSS styles here */
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1 {
color: #333;
}
</style>
</head>
<body>

<h1>Hello, World!</h1>

<p>This is a paragraph of text in your HTML document.</p>

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

<a href="https://www.example.com">Visit Example.com</a>

<script>
// Add your JavaScript code here
console.log('Hello from JavaScript!');
</script>

</body>
</html>

<!DOCTYPE html>: Declaration of the HTML version.


<html>: The root element.
<head>: Metadata such as character set, viewport settings, and the page title.
<meta charset="UTF-8">: Specifies the character encoding.
<meta name="viewport" content="width=device-width, initial-scale=1.0">: Helps with
responsive design.
<title>: Sets the title of the HTML document.
<style>: Contains CSS styles for styling the page.
<body>: Contains the content of the HTML document.
<h1>, <p>, <ul>, <li>, <a>: Basic HTML elements for headings, paragraphs, lists,
and links.
<script>: Contains JavaScript code for adding interactivity.

<table border="1">
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
</tr>
</table>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First HTML Page</title>
</head>
<body>

<h1>Hello, World!</h1>

<p>This is a paragraph of text in my HTML document.</p>

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

<a href="https://www.example.com">Visit Example.com</a>

</body>
</html>

<!DOCTYPE html>: This declaration defines the document type and version of HTML
being used (in this case, HTML5).
<html>: The root element of an HTML page.
<head>: Contains meta-information about the HTML document, like character set and
viewport settings.
<meta charset="UTF-8">: Specifies the character encoding for the document (UTF-8 is
widely used for internationalization).
<meta name="viewport" content="width=device-width, initial-scale=1.0">: Helps with
responsive design by setting the initial viewport width and scale.
<title>: Sets the title of the HTML document (displayed in the browser's title bar
or tab).
<body>: Contains the content of the HTML document.
<h1> to <h6>: Headings, ranging from the largest (<h1>) to the smallest (<h6>).
<p>: Represents a paragraph of text.
<ul>: Represents an unordered list.
<li>: Represents a list item in an ordered or unordered list.
<a>: Defines a hyperlink, and the href attribute specifies the URL it links to.
This is a very basic example, and HTML can become much more complex as you include
forms, multimedia, CSS for styling, and JavaScript for interactivity.
It forms the foundation for building web pages and is often used in conjunction
with CSS (Cascading Style Sheets) and JavaScript to create modern, interactive
websites.

<!DOCTYPE html>:

Defines the document type and version of HTML being used (HTML5).
<html>:

Represents the root element of an HTML document.


<head>:

Contains meta-information about the HTML document, such as the title, character
set, styles, and links to external resources.
<title>:

Sets the title of the HTML document, which is displayed on the browser tab or
window.
<body>:

Contains the content of the HTML document, such as text, images, links, and other
elements.
<h1> to <h6>:

Define headings, with <h1> being the largest and <h6> the smallest.
<p>:

Represents a paragraph of text.


<a>:

Defines hyperlinks, allowing you to create clickable links to other web pages or
resources.
<img>:

Embeds an image in the document.


<ul>, <ol>, <li>:

Create unordered (bulleted) or ordered (numbered) lists with list items.


<div>:

Defines a division or section in an HTML document, often used for layout purposes.
<span>:

Inline container used to apply styles or scripting to a specific section of text.


<input>:

Creates an input field for forms.


<form>:
Defines an HTML form for user input.
<button>:

Represents a clickable button, often used within forms.


<table>:

Defines a table, with rows specified by <tr>, cells by <td> (data cell), and
headers by <th>.
<iframe>:

Embeds an inline frame, allowing you to display another HTML document within the
current one.
<script>:

Embeds or references client-side scripts, such as JavaScript.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Details Page</title>
<!-- You can include additional meta tags, stylesheets, or scripts in the head
section -->
</head>
<body>
<header>
<h1>Details Page</h1>
</header>

<section>
<h2>Section 1: Overview</h2>
<p>This is the main content section where you can provide an overview of
the details.</p>
</section>

<section>
<h2>Section 2: More Details</h2>
<p>Provide additional information here.</p>
<ul>
<li>Detail 1</li>
<li>Detail 2</li>
<!-- Add more list items as needed -->
</ul>
</section>

<footer>
<p>&copy; 2023 Your Company. All rights reserved.</p>
</footer>
</body>
</html>

You might also like