Scribd
Upload
66 views

HTML

Uploaded by

rohitsingh958817
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
66 views

HTML

Uploaded by

rohitsingh958817
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 13

HTML

Hyper Text Markup Language


Hyper Text : - HTML (Hyper Text Markup Language) is the most
basic building block of the Web. It defines the meaning and
structure of web content. Other technologies besides HTML are
generally used to describe a web page's appearance/presentation (
CSS) or functionality/behavior (JavaScript).

"Hypertext" refers to links that connect web pages to one another,


either within a single website or between websites. Links are a
fundamental aspect of the Web. By uploading content to the
Internet and linking it to pages created by other people, you
become an active participant in the World Wide Web.
markup : - HTML uses "markup" to annotate text, images, and other
content for display in a Web browser. HTML markup includes special
"elements" such as <head>, <title>, <body>, <header>, <footer>,
<article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>,
<canvas>, <datalist>, <details>, <embed>, <nav>, <search>, <output>,
<progress>, <video>, <ul>, <ol>, <li> and many others.

An HTML element is set off from other text in a document by "tags",


which consist of the element name surrounded by "<" and ">". The name
of an element inside a tag is case-insensitive. That is, it can be written in
uppercase, lowercase, or a mixture. For example, the <title> tag can be
written as <Title>, <TITLE>, or in any other way. However, the convention
and recommended practice is to write tags in lowercase.

The articles below can help you learn more about HTML.
Key Resource
HTML Introduction: - If you're new to web development, be sure to read
our HTML Basic article to learn what HTML is and how to use it.

HTML Tutorials: - For articles about how to use HTML, as well as tutorials and
complete examples, check out our HTML learning area.

HTML Reference: - In our extensive HTML Reference section, you'll find the
details about every element and attribute in HTML.

Beginner’s Tutorials: - Our HTML Learning Area features multiple modules that
teach HTML from the ground up — no previous knowledge required.
Introduction to HTML: - This module sets the stage, getting you used to
important concepts and syntax such as looking at applying HTML to text, how to
create hyperlinks, and how to use HTML to structure a web page.

Multimedia and embedding: - This module explores how to use HTML to include
multimedia in your web pages, including the different ways that images can be
included, and how to embed video, audio, and even entire other web pages.

HTML Table: - Representing tabular data on a webpage in an understandable,


accessible way can be a challenge. This module covers basic table markup, along
with more complex features such as implementing captions and summaries.

HTML Forms: - Forms are a very important part of the Web — these provide
much of the functionality you need for interacting with websites, e.g. registering
and logging in, sending feedback, buying products, and more. This module gets
you started with creating the client-side/front-end parts of forms.
Use HTML to solve common problem: Provides links to sections of content explaining
how to use HTML to solve very common problems when creating a web page: dealing
with titles, adding images or videos, emphasizing content, creating a basic form, etc.
Advanced Topics
CORS enabled image: - The cross origin attribute, in combination with an
appropriate CORS header, allows images defined by the <img> element to be
loaded from foreign origins and used in a <canvas> element as if they were being
loaded from the current origin.

CORS Settings attributer: - Some HTML elements that provide support for CORS,
such as <img> or <video>, have a cross origin attribute (cross origin property),
which lets you configure the CORS requests for the element's fetched data.

Preloading content with rel=“preload”: - The preload value of


the <link> element's rel attribute allows you to write declarative fetch requests in
your HTML <head>, specifying resources that your pages will need very soon after
loading, which you therefore want to start preloading early in the lifecycle of a
page load, before the browser's main rendering machinery kicks in. This ensures
that they are made available earlier and are less likely to block the page's first
render, leading to performance improvements. This article provides a basic guide
to how preload works.
REFERENCE
HTML Reference: - HTML consists of elements, each of which may be
modified by some number of attributes. HTML documents are connected
to each other with links.

HTML elements Reference: - Browse a list of all HTML elements.

HTML attribute Reference: - Elements in HTML have attributes. These are


additional values that configure the elements or adjust their behavior in
various ways.

Global attribute: - Global attributes may be specified on all HTML


elements, even those not specified in the standard. This means that any
non-standard elements must still permit these attributes, even though
those elements make the document HTML5-noncompliant.
Inline-level element and block level element: - HTML elements are usually
"inline-level" or "block-level" elements. An inline-level element occupies
only the space bounded by the tags that define it. A block-level element
occupies the entire space of its parent element (container), thereby
creating a "block box".

Guide to media type and format on the web: -


The <audio> and <video> elements allow you to play audio and video
media natively within your content without the need for external software
support.

HTML content categories: - HTML is comprised of several kinds of content,


each of which is allowed to be used in certain contexts and is disallowed in
others. Similarly, each context has a set of other content categories it can
contain and elements that can or can't be used in them. This is a guide to
these categories.
Quirks mode and standard mode: - Historical information on quirks
mode and standards mode.

Related topics
Apply color to HTML element using CSS: - This article covers most of the
ways you use CSS to add color to HTML content, listing what parts of
HTML documents can be colored and what CSS properties to use when
doing so.
Use
1. The <head> tag in HTML serves as a container for metadata (data
about data) and is placed between the <html> tag and the <body> tag. It
typically contains information that is not displayed directly on the web
page but is essential for various purposes. Let’s explore some key
elements that can go inside the <head> section:
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Awesome Website</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>

2. Certainly! Let’s explore how to use the <header> and <footer> tags in
HTML to define the header and footer sections of a web page:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Awesome Website</title>
</head>
<body>
<header>
<h1>Welcome to My Site</h1>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<!-- Other navigation links -->
</ul>
</nav>
</header>
<!-- Rest of your content -->
</body>
</html>
3. Certainly! Let’s explore how to use the <article> tag in HTML.
The <article> tag specifies independent, self-contained content. Here are
some key points about it:
<article>
<h2>Google Chrome</h2>
<p>Google Chrome is a web browser developed by Google, released in
2008. Chrome is the world's most popular web browser today!</p>
</article>
4. Certainly! Let’s explore how to use the <section> tag in HTML.
The <section> tag defines a standalone section within a webpage,
containing logically connected content. Here are some key points about
it:
<article>
<h2>Google Chrome</h2>
<p>Google Chrome is a web browser developed by Google, released in
2008. Chrome is the world's most popular web browser today!</p>
</article>
5. The <p> tag in HTML is a block-level element used to define a paragraph of
text within a web page. Here’s how you can use it:
<p>This is a paragraph of text.</p>
6. Certainly! The <div> tag in HTML is a versatile element used to
define sections within a web page. Here’s how you can use it:
<div>
<h2>This is a heading in a div element</h2>
<p>This is some text in a div element.</p>
</div>
7. Certainly! The <img> tag in HTML is used to embed an image in a web page.
It creates a holding space for the referenced image. Here’s how you can use it:
<img src="pic_trulli.jpg" alt="Italian Trulli">
8. Certainly! Let’s explore how to use the <ul>, <ol>, and <li> tags in HTML to
create lists:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

You might also like