
HTML is the backbone of the web, and understanding its basics is essential for anyone looking to create a website. HTML stands for HyperText Markup Language, which is used to create web pages that can be displayed in a web browser.
HTML documents are made up of elements, which are represented by tags. These tags are surrounded by angle brackets and are used to define different parts of a web page, such as headings, paragraphs, and links.
Curious to learn more? Check out: Is Html Still Used
HTML Basics
HTML is a series of short codes typed into a text file, which are the tags that power HTML's capabilities. These tags are used correctly to create the author's vision.
Writing HTML requires tags to be used correctly to separate normal text from HTML code. Tags are the words between angle brackets, which allow graphics, images, and tables to appear on the webpage.
Different tags perform different functions, with the most basic tags applying formatting to text.
On a similar theme: Html for Different Fonts
Basics
HTML is a series of short codes typed into a text file, known as tags, that power its capabilities.
These tags are what separate normal text from HTML code, and they're the words between angle brackets, which allow graphics, images, and tables to appear on the webpage.
Writing HTML requires using these tags correctly to create the author's vision.
The most basic tags apply formatting to text, and they're used to make webpages more accessible, thanks to Cascading Style Sheets (CSS).
Different tags perform different functions, and they're essential for creating a dynamic and engaging webpage.
The CODE element indicates an example of code, typically rendered in a mono-spaced font, and it's intended for short words or phrases of code.
A good example of using the CODE element is when you need to display a short piece of code, such as a programming snippet.
Readers also liked: Moving Words in Html
What's Next?
The future of HTML is an exciting topic. HTML5, the fifth and final major version of HyperText Markup Language, was released in 2008 and is still widely used today.
The current specification is known as the HTML Living Standard, which is a living document that continues to evolve. This means that HTML is not a static language and will continue to adapt to new technologies and trends.
Future developments for HTML5/the HTML Living Standard are thought to include new features and improvements. The World Wide Web Consortium (W3C) has proposed new ideas for HTML, such as the "Information Management: A Proposal".
There are 142 HTML tags available, even though some are no longer supported by modern browsers. Learning all the different elements available is still beneficial, and it's worth noting that some of these tags are still widely used.
The most-used HTML tags and elements can be categorized into two main groups: block-level elements and inline elements.
Readers also liked: Is Html Used to Create Web Pages
Usage Location
HTML is used in various applications, including webpage development, internet navigation, and browser storage function. These uses are essential for creating and managing websites.
HTML is primarily used in web development to form the structure of all websites. This is a crucial aspect of building and designing personal or professional websites.
You can use HTML for web document creation, game development, and website enrichment. These features are particularly useful for individuals who want to build their own websites.
The following list highlights the primary applications of HTML:
- Webpage development
- Internet navigation
- Browser storage function
- Web document creation
- Game development
- Website enrichment
Document Structure
An HTML document is a tree of elements, including a head and body, headings, paragraphs, lists, etc. Form elements are discussed in another section.
The head of an HTML document is an unordered collection of information about the document. Every HTML document must contain a TITLE element. The head also contains the title and optional elements.
Block structuring elements include paragraphs, lists, and block quotes. They must not contain heading elements, but they may contain phrase markup, and in some cases, they may be nested.
Here are some examples of block structuring elements:
- Paragraphs
- Lists
- Block quotes
The HTML document element consists of a head and a body, much like a memo or a mail message. The body is a text flow consisting of paragraphs, lists, and other elements.
Document Structure
A conforming HTML document must contain a TITLE element, which is part of the head of the document. This title is what appears in the browser's title bar and is also used by search engines to understand the content of the page.
The head of an HTML document is an unordered collection of information about the document, including the title and optional elements. This information doesn't necessarily affect the layout of the page, but it's essential for search engines and other external tools to understand the content.
Every HTML document must contain a TITLE element, which is a requirement for a document to be considered conforming. This title should be a brief summary of the page's content.
The body of an HTML document is a text flow consisting of paragraphs, lists, and other elements. This is where the main content of the page is displayed.
Block structuring elements include paragraphs, lists, and block quotes. These elements must not contain heading elements but may contain phrase markup and can be nested in some cases.
Here are some examples of block structuring elements:
- Paragraphs
- Lists
- Block quotes
These elements are crucial for organizing and structuring the content of an HTML document. By using them correctly, you can make your content more readable and easier to understand for both humans and machines.
Getting Started with Coursera

If you're new to Coursera, you can start building your HTML skills through their courses, Specializations, and Professional Certificates offered by top universities.
You can begin with courses like HTML, CSS, and Javascript for Web Developers, which is a great starting point.
Coursera's courses are designed to be flexible, allowing you to learn at your own pace.
Their Specializations, like Web Design for Everybody: Basics of Web Development & Coding, offer a more in-depth look at specific topics.
If you're interested in a more focused approach, you can also explore Professional Certificates, such as Introduction to HTML5.
HTML and CSS In Depth is another course that can help you dive deeper into the subject.
Here are some popular Coursera courses to consider:
- HTML, CSS, and Javascript for Web Developers
- Web Design for Everybody: Basics of Web Development & Coding Specialization
- Introduction to HTML5
- HTML and CSS In Depth
Hyperlinks and Navigation
Hyperlinks are a fundamental part of HTML hypertext language, allowing users to navigate between related resources. A hyperlink is a relationship between two anchors, called the head and the tail, identified by an anchor address.
An anchor address consists of an absolute Uniform Resource Identifier (URI), optionally followed by a '#' and a fragment identifier. The URI refers to a resource, while the fragment identifier refers to a specific view or portion of the resource. For example, an anchor address might look like 'http://example.com/resource#fragment'.
There are several markup constructs that indicate the tail anchor of a hyperlink, including A elements with HREF present, LINK elements, and IMG elements. Each of these constructs refers to the head anchor by a URI, either absolute or relative, or a fragment identifier, or both. If a relative URI is used, it is combined with a base absolute URI to determine the absolute URI of the head anchor.
To activate a link, the user agent obtains a representation of the resource identified in the address of the head anchor. If the representation is another HTML document, navigation may begin again with this new document.
Here are some common ways to create hyperlinks in HTML:
- A elements with HREF present
- LINK elements
- IMG elements
- INPUT elements with the SRC attribute present
- ISINDEX elements
- FORM elements with METHOD=GET
Hyperlinks
Hyperlinks are the backbone of the web, allowing users to navigate between different pages and resources. They're created using a relationship between two anchors, called the head and the tail of the hyperlink.
An anchor address is used to identify the tail anchor of a hyperlink, consisting of an absolute Uniform Resource Identifier (URI) optionally followed by a fragment identifier. The fragment identifier refers to a specific view or portion of the resource.
You can create hyperlinks using various HTML elements, including A elements with HREF present, LINK elements, IMG elements, INPUT elements with the SRC attribute present, ISINDEX elements, and FORM elements with METHOD=GET. These elements refer to head anchors by a URI, either absolute or relative, or a fragment identifier, or both.
A relative URI is combined with a base absolute URI to determine the absolute URI in the address of the head anchor. The base document is taken from the document's BASE element, if present, or determined as in [RELURL].
Recommended read: Html Fragment
To activate a link, the user agent obtains a representation of the resource identified in the address of the head anchor. This can be another HTML document, which the user agent can then navigate.
A LINK element represents a hyperlink and can occur in the HEAD element of an HTML document. It has the same attributes as the A element and is typically used to indicate authorship, related indexes, and glossaries.
A fragment identifier is any characters following a '#' character in a hypertext address. In a 'text/html' representation, it refers to the A element with a NAME attribute whose value is the same as the fragment identifier.
For another approach, see: Document Type Definition in Html
Benefits
Using HTML for web development has its advantages. It's beginner-friendly, requiring only a basic text editor to start coding.
You can use HTML alongside other languages, such as CSS and JavaScript, to add layers of design and interactivity to your web pages.
These complementary languages work well together, making HTML a versatile choice for web development.
Here are some benefits of using HTML:
- It is beginner-friendly.
- You can use it alongside other languages like CSS and JavaScript.
Forms and User Input
A form is a template for a form data set and an associated method and action URI. The resulting form data set is used to access an information service as a function of the action and method.
Forms can be mixed in with document structuring elements, giving considerable flexibility in designing the layout of forms. For example, a PRE element can contain a FORM element.
The INPUT element represents a field for user input, and the TYPE attribute discriminates between several variations of fields, such as text fields and checkboxes.
An INPUT element with TYPE=PASSWORD is a text field where the value is obscured as it is entered. This is useful for password fields.
An INPUT element with TYPE=CHECKBOX represents a boolean choice, and a set of such elements with the same name represents an n-of-many choice field.
Broaden your view: Post Request Html Form
Forms
Forms are a crucial part of the web, allowing users to interact with websites and provide information. A form is a template for a form data set and an associated method and action URI.
Forms can be mixed in with document structuring elements, giving considerable flexibility in designing the layout of forms. For example, a PRE element can contain a FORM element, or a FORM element can contain lists which contain INPUT elements.
The FORM element contains a sequence of input elements, along with document structuring elements. The attributes of the FORM element are not explicitly listed, but it's mentioned that they are applicable.
A form data set is a sequence of name/value pair fields. The names are specified on the NAME attributes of form input elements, and the values are given initial values by various forms of markup and edited by the user.
To process a form, the user agent begins by presenting the document with the fields in their initial state. The user is allowed to modify the fields, constrained by the field type, and when the user indicates that the form should be submitted, the form data set is processed according to its method, action URI, and enctype.
If the service associated with the processing of a form has side effects, the method should be `POST'. To process a form whose action URL is an HTTP URL and whose method is `POST', the user agent conducts an HTTP POST transaction using the action URI, and a message body of type `application/x-www-form-urlencoded' format.
Expand your knowledge: How to Remove Html from Url
Forms can be submitted using a submit button or image input. When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.
Here are some common types of input fields:
- Single-line text fields: These are the default type of input field, indicated by the `TEXT` attribute. They can be used for a variety of purposes, such as entering a name or email address.
- Password fields: These are text fields that obscure the value as it is entered, indicated by the `PASSWORD` attribute.
- Check boxes: These are boolean choice fields, indicated by the `CHECKBOX` attribute. A set of check boxes with the same name represents an n-of-many choice field.
- Radio buttons: These are boolean choice fields, indicated by the `RADIO` attribute. A set of radio buttons with the same name represents a 1-of-many choice field.
- Hidden fields: These are fields that are not visible to the user, indicated by the `HIDDEN` attribute. The value of the field is specified by the `VALUE` attribute.
Reset Button
A Reset Button is a crucial element in forms, and it's used to reset the form's fields to their initial states. This is especially helpful when users need to start over or correct previous mistakes.
An INPUT element with TYPE=RESET represents this input option, typically a button. The VALUE attribute, if present, indicates a label for the input (button).
You can use a Reset Button to give users the option to clear their form entries and start fresh. This can be particularly useful for long forms or those with complex calculations.
Here are some key points to keep in mind when working with Reset Buttons:
- Use the INPUT element with TYPE=RESET.
- The VALUE attribute can be used to label the button.
Coded Character Set
The HTML Coded Character Set is based on the ISO-8859-1 standard, which includes 191 graphic characters. This set is a subset of the Latin Alphabet No. 1.
The HTML document character set includes only three control characters: Horizontal Tab, Carriage Return, and Line Feed. These are code positions 9, 13, and 10 respectively.
The HTML document character set is supported by HTML user agents and includes the graphic characters of Latin-1. This allows for the representation of most Western European languages.
Here is a list of the code positions and characters of the HTML document character set:
The HTML DTD references the Added Latin 1 entity set to allow for mnemonic representation of selected Latin 1 characters using only the ASCII character repertoire.
HTML Security and Best Practices
Embedded images and other elements with URIs as parameters can cause the URI to be dereferenced in response to user input.
This means that if you're using images or other elements with links, be cautious about what kind of links you're using, as they can potentially be accessed by users.
Information providers who request sensitive information via forms should be aware that the widely deployed methods for submitting forms requests – HTTP and SMTP – provide little assurance of confidentiality.
Take a look at this: Using Oembed in Base Html
Security Considerations
Security Considerations are crucial when working with HTML. Anchors, embedded images, and other elements with URIs as parameters can cause the URI to be dereferenced in response to user input.
This means that any sensitive information provided through forms, especially password fields, may not be secure. The widely deployed methods for submitting forms requests, such as HTTP and SMTP, provide little assurance of confidentiality.
As a result, information providers should be aware of the lack of confidentiality when requesting sensitive information via forms. They should also inform their users of this risk to ensure they understand the security implications.
Here's an interesting read: Html Nested Forms
Pros and Cons
HTML is a beginner-friendly language with a clean and consistent markup, making it easy to learn and use. Its shallow learning curve allows new developers to get started quickly.
HTML has a large community and a lot of resources available, making it a great choice for those who need support.
One of the best things about HTML is that it's open-source and completely free, running natively in all web browsers.
However, HTML is primarily used for static websites, which means it's not the best choice for dynamic functionality.
You may need to use JavaScript or a backend language like PHP to add dynamic features to your website.
Creating individual web pages for HTML can be a hassle, especially if the elements are the same.
Here's a summary of the pros and cons of using HTML:
HTML and Web Development
HTML is a fundamental part of web development, forming the structure of all websites.
Web developers heavily rely on HTML, especially those focusing on the front end, which users interact with. Alongside CSS and JavaScript, HTML forms the trinity of front-end web development.
The first version of HTML consisted of 18 tags, and since then, each new version has come with new tags and attributes added to the markup. The most significant upgrade of the language so far was the introduction of HTML5 in 2014.
Here are some of the uses for HTML:
- Webpage development
- Internet navigation
- Browser storage function
- Web document creation
- Game development
- Website enrichment
CSS and JavaScript Relationship
CSS is responsible for styling elements like background, colors, layouts, spacing, and animations. It's what makes a website visually appealing and easy to navigate.
CSS works hand-in-hand with HTML to create a professional-looking website. Without CSS, HTML would just be a plain text document.
JavaScript adds dynamic functionality to a website, making it interactive and engaging. Sliders, pop-ups, and photo galleries are just a few examples of the many features JavaScript can bring to a website.
In fact, JavaScript is what makes a website feel alive and responsive. It's what allows users to interact with the website in a meaningful way.
Take a look at this: Can You Do Freelancing with Just Html and Css
Web Developer
As a web developer, you'll heavily rely on HTML, especially if you're focusing on the front end. HTML forms the trinity of front-end web development alongside CSS and JavaScript.
Developers use HTML to build, maintain, and enhance websites, ensuring they're user-friendly, visually pleasing, and functionally sound. This is essential for creating a great user experience.
Explore further: Front End Web Page Design
Search engine optimization (SEO) specialists also work with HTML to optimize web page elements, insert keywords, and monitor metrics. This helps search engines register the website content, potentially leading to higher rankings.
Here are some key uses of HTML for web developers:
- Webpage development
- Internet navigation
- Browser storage function
- Web document creation
- Game development
- Website enrichment
The primary application of HTML is in web development, forming the structure of all websites. This makes it an essential skill for anyone who wants to manage and design personal or professional websites.
A different take: Html Tag B
HTML and Text
HTML determines the structure of web pages, making it the skeleton of a web page. This structure alone is not enough to make a web page look good and interactive.
You can think of HTML as the structure of a house, while CSS is the interior and exterior decor, and JavaScript is the electricity, water system, and other functional features that make the house livable.
The character encoding scheme in an HTML document identifies the charset parameter, which determines the characters and octets of the message entity.
Typographic
Typographic elements are used to specify the format of marked text. They're especially useful when you need to ensure that specific typography is used, like when referring to a specific text attribute.
Typical renderings for idiomatic elements may vary between user agents. If you need to use a specific rendering, you can use a typographic element.
The B element indicates bold text. It's a simple way to make text stand out.
Where bold typography is unavailable, an alternative representation may be used. This means that even if the B element can't display bold text, it will still render in some way.
Consider reading: How to Make Text Bold Html
What Is Text?
Text is a fundamental aspect of HTML, and understanding it is crucial for building web pages. HTML determines the structure of web pages, and text is a key component of that structure.
In HTML, text is represented as a single text entity, which consists of characters determined by a character encoding scheme. The `charset` parameter identifies this scheme, whether it's implicit or explicit.
Curious to learn more? Check out: How to Create Multiple Web Pages in Html
Think of text as the building blocks of your web page's structure, much like HTML is the skeleton of a house. The text entity is made up of the characters that will be displayed on your web page, and the character encoding scheme determines how those characters are represented.
Here's a breakdown of the character encoding scheme:
Understanding text and character encoding schemes is essential for ensuring that your web page is displayed correctly across different browsers and devices.
Line Break
HTML has different ways to represent line breaks, and it's essential to understand these conventions to ensure your text is displayed correctly.
In HTML, a line break is represented by the BR element, which specifies a line break between words. You can use the BR element to create a new line in your text.
When it comes to line breaks in preformatted text, things get a bit more complex. According to the HTML specification, line breaks within preformatted text are rendered as a move to the beginning of the next line.
Additional reading: Html No Break
In preformatted text, the horizontal tab character (code position 9) must be interpreted as the smallest positive nonzero number of spaces which will leave the number of characters so far on the line as a multiple of 8.
Here are the three common representations of end-of-line in HTML:
- CR only (carriage return)
- LF only (line feed)
- CR LF sequence (carriage return followed by line feed)
In all contexts except preformatted text, HTML user agents should treat end of line in any of its variations as a word space.
HTML and Forms Submission
Forms in HTML are a powerful tool for collecting user input and submitting it to a server for processing. A form is essentially a template for a form data set, which is a sequence of name/value pair fields.
The names of these fields are specified on the NAME attributes of form input elements. The values are given initial values by various forms of markup and edited by the user.
Forms can be mixed in with document structuring elements, giving considerable flexibility in designing the layout of forms. A PRE element, for example, can contain a FORM element, or a FORM element can contain lists which contain INPUT elements.
Worth a look: Html Form Field
To submit a form, the user typically clicks a submit button, which is represented by an INPUT element with TYPE=SUBMIT. This instructs the user agent to submit the form.
The form data set is then processed according to its method, action URI, and enctype. If the service associated with the processing of a form has side effects, such as modifying a database or subscribing to a service, the method should be POST.
When submitting a form with a single-line text input field, the user agent should accept Enter in that field as a request to submit the form. This is a convenient feature for users who prefer to use the Enter key to submit forms.
Forms with side effects should always use the POST method, as this ensures that the server processes the form data correctly. An HTTP POST transaction is conducted using the action URI, and a message body of type application/x-www-form-urlencoded format is sent to the server.
Worth a look: Pop up Forms Html
HTML and Image Presentation
HTML user agents can activate hyperlinks indicated by IMG and INPUT elements concurrently with processing the document, allowing image hyperlinks to be processed without explicit user request.
Image resources should be embedded in the presentation at the point of the tail anchor, which is the IMG or INPUT element.
User agents can also process LINK hyperlinks without explicit user request, such as processing style sheet resources before or during document processing.
The user agent must locate the A element whose NAME attribute is 'bananas' when accessing the resource identified by 'http://host/x/app1.html'.
For another approach, see: Embed Vimeo Video in Html without Iframe
Simultaneous Image Presentation
An HTML user agent can activate hyperlinks indicated by IMG and INPUT elements concurrently with processing the document, allowing image hyperlinks to be processed without explicit user request.
This means that image resources should be embedded in the presentation at the point of the tail anchor, which is the IMG or INPUT element. This allows for a seamless user experience.
The user agent must locate the A element whose NAME attribute is `bananas' and begin navigation there. This is an example of how image resources can be processed without explicit user request.
Explore further: Types of Hyperlinks in Html
Image Maps
Image Maps are a powerful tool in HTML that allow users to interact with images in a unique way. If the ISMAP attribute is present on an IMG element, it must be contained in an A element with an HREF present.
The user can choose from a set of hyperlinks by choosing a pixel of the image. This is achieved by having the user agent compute the head URI by appending '?' and the x and y coordinates of the pixel to the URI given in the A element.
For example, if a document contains an IMG element with the ISMAP attribute and is contained in an A element with an HREF, the user can choose a hyperlink by clicking on a specific pixel. The chosen hyperlink is then the one with the URI that includes the x and y coordinates of the pixel, like 'http://host/cgi-bin/imagemap?0,0'.
Take a look at this: Html Link Example
HTML and Document Representation
An HTML document is a tree of elements, including a head and body, headings, paragraphs, lists, etc. Form elements are discussed in a separate section.
To be a conforming HTML document, it must meet three main criteria: it must be a conforming SGML document, conform to the HTML DTD, and follow application conventions. For example, the value of the HREF attribute of the A element must conform to the URI syntax.
A message entity with a content type of `text/html' represents an HTML document, consisting of a single text entity. The `charset' parameter identifies a character encoding scheme, which determines the characters and octets of the body of the message entity.
The HTML document element consists of a head and a body, much like a memo or a mail message. The head contains the title and optional elements, while the body is a text flow consisting of paragraphs, lists, and other elements.
Every HTML document must contain a TITLE element in its head. The head of an HTML document is an unordered collection of information about the document.
Here's a quick rundown of the key elements of an HTML document:
- Head: contains the title and optional elements
- Body: a text flow consisting of paragraphs, lists, and other elements
- TITLE element: required in the head of every HTML document
HTML and Document Character Set
HTML and document character set are two closely related concepts that ensure the proper representation and rendering of HTML documents. A conforming HTML document must be a conforming SGML document and adhere to the HTML DTD, as specified in the HTML DTD section.
To be a conforming HTML document, it must also conform to the application conventions in the HTML specification. For instance, the HREF attribute of the A element must follow the URI syntax. The document character set of an HTML document must include ISO-8859-1 and agree with ISO-10646, ensuring that each code position is mapped to the same character as ISO-10646 designates.
An HTML document is represented as a message entity with a content type of 'text/html', which comprises a single text entity. The 'charset' parameter identifies a character encoding scheme, determining the characters and octets that make up the text entity.
The HTML document character set includes the graphic characters of Latin Alphabet No. 1, or Latin-1, which comprises 191 graphic characters, including alphabets of most Western European languages. Only three control characters are allowed in the HTML document character set: Horizontal Tab, Carriage Return, and Line Feed.
A unique perspective: Html Entity Meaning Partial
Here is a list of the allowed control characters in the HTML document character set:
- Horizontal Tab (code position 9)
- Carriage Return (code position 13)
- Line Feed (code position 10)
The HTML DTD references the Added Latin 1 entity set, allowing mnemonic representation of selected Latin 1 characters using the widely supported ASCII character repertoire. This enables the use of characters like © and ® in HTML documents.
You might enjoy: Partial Html Characters
HTML and Hyperlinks
A hyperlink is a relationship between two anchors, called the head and the tail of the hyperlink.
Anchors are identified by an anchor address, which is an absolute Uniform Resource Identifier (URI), optionally followed by a '#' and a sequence of characters called a fragment identifier. For example, an anchor address might look like this: http://example.com#fragment.
There are several markup constructs that indicate the tail anchor of a hyperlink or set of hyperlinks, including A elements with HREF present, LINK elements, IMG elements, INPUT elements with the SRC attribute present, ISINDEX elements, and FORM elements with `METHOD=GET`.
For your interest: Html Blank to Address in Mailto
In the case of a relative URI, the absolute URI in the address of the head anchor is the result of combining the relative URI with a base absolute URI. The base document is taken from the document's BASE element, if present; else, it is determined as in [RELURL].
To activate a link, the user agent obtains a representation of the resource identified in the address of the head anchor. If the representation is another HTML document, navigation may begin again with this new document.
The following markup constructs refer to head anchors by a URI, either absolute or relative, or a fragment identifier, or both:
- A elements with HREF present
- LINK elements
- IMG elements
- INPUT elements with the SRC attribute present
- ISINDEX elements
- FORM elements with `METHOD=GET'
HTML and Meta Information
The META element is an extensible container that provides a means to discover and document the content, quality, and features of a data set.
Meta-information has two main functions: to provide a means to discover that the data set exists and how it might be obtained or accessed, and to document the content, quality, and features of a data set, indicating its fitness for use.
For another approach, see: Langchain Document Loaders Html
Each META element specifies a name/value pair, and if multiple META elements are provided with the same name, their combined contents are concatenated as a comma-separated list.
HTTP servers may read the content of the document HEAD to generate header fields corresponding to any elements defining a value for the attribute HTTP-EQUIV.
An HTTP server must not use the META element to form an HTTP response header unless the HTTP-EQUIV attribute is present.
Attributes of the META element:
An HTTP server may disregard any META elements that specify information controlled by the HTTP server, for example `Server', `Date', and `Last-modified'.
Broaden your view: Http vs Html
HTML and Block Structuring
An HTML document is a tree of elements, including headings, paragraphs, lists, etc.
Block structuring elements include paragraphs, lists, and block quotes. They must not contain heading elements.
The ADDRESS element contains information such as address, signature, and authorship. It's often used at the beginning or end of the body of a document.
Block structuring elements can be nested, and they may contain phrase markup.
Broaden your view: Lists Html
HTML and List
HTML includes a number of list elements that can be used in combination.
You can nest a OL in an LI element of a UL, which is a common practice.
The COMPACT attribute suggests that a compact rendering be used.
HTML list elements are designed to be flexible and can be styled in various ways.
You can use the URI `http://host/icons/abc.gif` to access a resource, as shown in the example.
Worth a look: The Html Canvas Element Is Used to
HTML and Phrase Markup
In HTML, phrases can be marked up for idiomatic usage, typographic appearance, or as hyperlink anchors. User agents must render highlighted phrases distinctly from plain text.
Phrases can be nested within the content of other phrase elements, but HTML user agents may render nested phrase elements indistinctly from non-nested elements.
To make your text stand out, you can use EM content, STRONG content, and B content, which must be rendered distinctly from each other.
Broaden your view: Nested Lists Html
Definition List
A definition list is a list of terms and corresponding definitions, typically formatted with the term flush-left and the definition, formatted paragraph style, indented after the term.
On a similar theme: Responsive Site Definition
The content of a definition list element is a sequence of DT elements and/or DD elements, usually in pairs. Multiple DT elements may be paired with a single DD element.
Documents should not contain multiple consecutive DD elements. This helps keep the list organized and easy to read.
Unless the COMPACT attribute is present, an HTML user agent may leave white space between successive DT, DD pairs.
Consider reading: Html Dt
Phrase Markup
Phrase markup is a crucial aspect of HTML, and it's used to mark up phrases according to idiomatic usage, typographic appearance, or for use as hyperlink anchors.
User agents must render highlighted phrases distinctly from plain text, making it easier to distinguish between different types of text.
To achieve this, HTML provides several types of phrase markup, including EM, STRONG, and B content.
These elements can be nested within the content of other phrase elements, allowing for a high degree of flexibility and customization.
However, HTML user agents may render nested phrase elements indistinctly from non-nested elements, which can affect the visual appearance of the text.
Additional reading: Html Markup Tags List
Form Submission Example
A form submission is a crucial part of HTML, and it's actually quite straightforward. The user agent begins processing a form by presenting the document with the fields in their initial state.
To submit a form, the user needs to indicate that they want to do so, usually by clicking a submit button or image input. An INPUT element with TYPE=SUBMIT represents an input option, typically a button, that instructs the user agent to submit the form.
The form data set is processed according to its method, action URI, and enctype. If the service associated with the processing of a form has side effects, the method should be POST. This is because a POST method conducts an HTTP POST transaction using the action URI, and a message body of type application/x-www-form-urlencoded format.
The user agent should display the response from the HTTP POST interaction just as it would display the response from an HTTP GET. In fact, if there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.
For example, let's consider a questionnaire form with a radio input that has an initial value and a checkbox that has none. The user might edit the fields and request that the form be submitted. At that point, suppose the values are:
If this caught your attention, see: Get Method Html Form
HTML and Level 1 Dtd
HTML uses a Document Type Definition (DTD) to define the structure of an HTML document.
The Level 1 DTD is the most basic DTD for HTML, which defines the structure of an HTML document in a way that is easy to understand and use.
The Level 1 DTD defines eight different document types, including an HTML document, a body, a head, a title, a paragraph, an address, and a link.
The DTD is used to define the rules for how to write an HTML document, including the order of the elements and the attributes that can be used with each element.
The Level 1 DTD is used to define the basic structure of an HTML document, making it a crucial part of HTML.
Recommended read: Html Defines the Structure of a Web Page.
SGML Application
HTML is an application of ISO 8879:1986 -- Standard Generalized Markup Language (SGML). SGML is a system for defining structured document types and markup languages to represent instances of those document types.
For more insights, see: Markup Html
The HTML document type definition is defined by a public text, which includes a DTD and SGML declaration.
This document type is represented by the HTML markup language, which is used to create instances of the document type.
The SGML declaration for HTML is provided in section SGML Declaration, which should be used by HTML user agents.
HTML and Internet Media Type
The Internet Media Type, also known as the Content Type, is an essential concept in the world of HTML.
The text/html media type is a specific Internet Media Type that is used to identify HTML documents.
This specification is registered with IANA, which is responsible for maintaining a list of standardized media types.
The text/html media type is defined by a specification that outlines its parameters and usage.
The optional parameters of the text/html media type include character encoding, which is crucial for rendering HTML documents correctly.
IANA is the organization responsible for registering and maintaining the text/html media type.
The specification defines the text/html media type as a way to identify and categorize HTML documents.
On a similar theme: Html Social Media Buttons
HTML and Public Text Identifiers
HTML and Public Text Identifiers are crucial for identifying HTML documents that conform to the specification. Each document must start with one of the following document type declarations.
These declarations refer to the HTML DTD in section HTML DTD and also refer to the HTML DTD in section HTML DTD. They essentially point to the same definition.
The level 1 HTML DTD is mentioned in section Level 1 HTML DTD, and it's worth noting that form elements must not occur in level 1 documents. This is a key consideration for developers working on HTML level 1 projects.
The strict HTML DTD is referenced in sections Strict HTML DTD and Strict Level 1 HTML DTD, and it's a more structurally rigid definition of HTML. This means it has stricter rules for organizing content.
HTML user agents may support other document types, including other formal public identifiers and internal declaration subsets. They may also support supplemental entity and element markup declarations, as mentioned in the text.
A unique perspective: Section Element in Html
HTML and Conformance
HTML and Conformance is all about making sure HTML documents and user agents behave correctly. This specification governs the syntax of HTML documents.
HTML user agents, like web browsers, need to follow the rules to display HTML documents properly. This ensures that web pages are rendered consistently across different browsers.
The conformance specification focuses on the syntax and behavior of HTML user agents, not the content itself. This means that as long as your HTML documents follow the rules, user agents will know how to display them correctly.
Undeclared Markup Error Handling
HTML user agents support a superset of the HTML 2.0 language, which means they can handle markup that's not explicitly declared.
To be more specific, if a start-tag or end-tag has a generic identifier that's not declared, it's essentially ignored during tokenization. This also applies to undeclared attributes, which are treated as nothing.
The entire attribute specification of an unknown attribute, including its value, should be ignored. On the other hand, references to undeclared entities are treated as data characters.
Support for notifying the user of such errors is encouraged, but it's not mandatory. Information providers should be aware that this convention is not binding, which means unspecified behavior may result.
Broaden your view: Dialog Html Support
Conformance
Conformance is a crucial aspect of HTML documents. This specification governs the syntax of HTML documents and aspects of the behavior of HTML user agents.
HTML documents need to conform to this specification to ensure they are correctly interpreted by user agents.
The syntax of HTML documents is a key focus of this specification. It outlines the rules for creating valid HTML documents that can be understood by user agents.
To create conformant HTML documents, developers must adhere to the specified syntax rules.
HTML and Documents
An HTML document is a tree of elements, including a head and body, headings, paragraphs, lists, etc. This structure is essential for organizing content in a logical and readable way.
To create a conforming HTML document, you need to ensure it meets three main criteria: it must be a conforming SGML document, it must conform to the HTML DTD, and it must follow the application conventions in this specification. For example, the value of the HREF attribute of the A element must conform to the URI syntax.
The character encoding scheme used in an HTML document is crucial, as it determines the characters and octets that make up the document. The `charset` parameter identifies a character encoding scheme, such as [ISO-8859-1] or [ISO-10646].
Every HTML document must contain a TITLE element in the head, which provides a title for the document. This title is often displayed in the browser's title bar or in search engine results.
An HTML document can include various elements, such as the ADDRESS element, which contains information like address, signature, and authorship. The body of the document is a text flow consisting of paragraphs, lists, and other elements.
Here are the basic elements that make up an HTML document:
- Head: contains the title and optional elements
- Body: a text flow consisting of paragraphs, lists, and other elements
- Headings: used to organize content and provide structure
- Paragraphs: used to display blocks of text
- Lists: used to display ordered or unordered lists
The head of an HTML document is an unordered collection of information about the document, which can include the TITLE element, as well as other elements like the ADDRESS element.
HTML and User Agents
An HTML user agent is essentially a program that can read and understand HTML documents.
To be considered a conforming user agent, it must parse the characters of an HTML document into data characters and markup according to the SGML standard.
It also needs to support the ISO-8859-1 character encoding scheme and process each character in the ISO Latin Alphabet No. 1 as specified in the HTML Document Character Set.
A conforming user agent behaves identically for documents with identical parsed token sequences, meaning comments and whitespace in tags don't influence its behavior.
It must also allow the user to traverse all hyperlinks from A elements in an HTML document, assuming resources permit it.
To be a level 2 user agent, it needs to allow users to express all form field values in an HTML document and submit those values as requests to information services.
On a similar theme: Html Special Chars
Featured Images: pexels.com


