Related Topics
HTML
CSS
HTML
This declaration tells the web browser that the document is an HTML5 document, and that it should use the HTML5 parsing rules to render the page.
By including the HTML document type declaration in your web pages, you can ensure that they are displayed correctly and consistently across different devices and browsers. It is considered good practice to include this declaration in all your HTML documents.
<a href="url">link text</a>
The href attribute specifies the URL (web address) of the page that you want to link to, while the link text is the text that the user will click on to follow the link.
For example, to create a link to the Google homepage, you would use the following HTML code:
<a href="https://www.google.com">Go to Google</a>
When the user clicks on the link, their web browser will navigate to the specified URL.
You can also create links to other pages within the same website by using relative URLs. For example, to create a link to a page named about.html in the same directory as the current page, you would use the following HTML code:
<a href="about.html">About Us</a>
Relative URLs allow you to create links within your own website without having to specify the full URL.
Additionally, you can use other attributes with the <a> element, such as target to specify whether the linked page should be opened in a new window or tab, and title to provide additional information about the link when the user hovers over it with their mouse.
<img src="image.jpg" alt="Description of image">
The alt attribute provides a description of the image that will be displayed if the image cannot be loaded, or if the user is using a screen reader to access the content. It is important to provide a meaningful description of the image to ensure that the content is accessible to all users.
<video width="640" height="360">
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
In this example, we are using the <video> element to embed a video file named “video.mp4”. The width and height attributes specify the dimensions of the video player on the web page.
The <source> element is used to specify the location and file type of the video. In this case, we are using an MP4 file format with the type attribute set to "video/mp4". You can also include additional <source> elements with different file types to ensure cross-browser compatibility.
The controls attribute adds standard video controls such as play, pause, and volume control to the video player.
If the user’s web browser does not support the <video> element or the specified file format, the text “Your browser does not support the video tag.” will be displayed instead.
Overall, using the <video> element in HTML provides a way to add video content to web pages in a way that is supported by modern web browsers.
<title>My Web Page</title>
body {
background-color: #f1f1f1;
}
h1 {
color: blue;
text-align: center;
}
<h1>Welcome to my web page!</h1>
<p>This is an example of an internal CSS style.</p>
External CSS styles, on the other hand, are defined in a separate CSS file and linked to the HTML document using the <link> element. This means that the CSS code is stored in a separate file and can be reused across multiple HTML documents. The style rules defined in the external CSS file apply to all HTML documents that link to that file.
Here is an example of an external CSS style:
<title>My Web Page</title>
<h1>Welcome to my web page!</h1>
<p>This is an example of an external CSS style.</p>
In this example, we are linking to an external CSS file named “style.css” using the <link> element. The CSS rules defined in “style.css” will apply to all HTML documents that link to it.
Overall, the main difference between internal and external CSS styles is that internal styles are defined directly within the HTML document, while external styles are defined in a separate file that can be reused across multiple HTML documents.
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
<td>Row 1, Column 3</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
<td>Row 2, Column 3</td>
</tr>
</tbody>
</table>
In this example, we are using the <table> element to create a table. The <thead> element is used to define the table header row, which contains the column headings. The <th> element is used to define each column heading.
The <tbody> element is used to define the table body, which contains the rows of data. The <tr> element is used to define each row, and the <td> element is used to define each cell in the row.
You can also use CSS to style tables and customize their appearance, such as changing the border, background color, and font size.
Popular Category
Topics for You
CSS
Go through our study material. Your Job is awaiting.