HTML-HyperText Markup Language

introduction to Hypertext Markup Language

HTML HyperText Markup Language is the most basic building block of the Web. It defines the meaning and structure of web content. HTML are generally used to describe a web page’s appearance/presentation.

H HyperText: refers to links that connect web pages to one another, either within a single website or between websites.

Markup – HTML employs “markup” to annotate text, images, and content for presentation in a web browser. It utilizes special “elements” like <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 more.

All our tutorial codes will be posted on our GitHub

In HTML Hypertext Markup Language, an element is a fundamental building block that defines the structure and content of a web page. It consists of a start tag, content, and an end tag. The start tag typically contains the name of the element, and the end tag is preceded by a forward slash (“/”). The content is the information or markup nested between the start and end tags.

For example, the <p> element is used to define paragraphs. In this case, <p> is the start tag, and </p> is the end tag. The content, which could be text, images, or other elements, is placed between these tags:

Start TagElementEnd Tag
<h1>My first code</h1>
<p>My first paragragh</p>
</b>nonenone
Examples of some HTML elements:

Tags in HTML are not case-sensitive. This means they can be written in uppercase or lowercase. For example, a <title> tag could be written as <title><TITLE><Title><TiTlE>, etc., and it will work. However, it is best practice to write all tags in lowercase for consistency and readability.

Result:

Welcome to Bernixe Tech HTML tutorials

<p> The opening tag and </p> The closing tag

Web Browsers

The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.

A browser does not display the HTML tags, but uses them to determine how to display the document:

Result:

100 Days Code Challenge

My first header

Welcome to Bernixe Tech HTML tutorials.

Attributes contain extra information about the element that won’t appear in the content. In this example, the class attribute is an identifying name used to target the element with style information.

The <img> element can take a number of attributes, including:src

The src attribute is a required attribute that specifies the location of the image. For example: src="https://raw.githubusercontent.com/mdn/beginner-html-site/gh-pages/images/firefox-icon.png".

7 thoughts on “HTML-HyperText Markup Language

  1. Thank you for any other excellent post. The place else may anybody get that type of info in such an ideal
    approach of writing? I’ve a presentation subsequent week, and I
    am at the search for such info.

  2. Today, I went to the beach front with my children. I found a
    sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She placed the shell to her
    ear and screamed. There was a hermit crab inside and it
    pinched her ear. She never wants to go back!
    LoL I know this is completely off topic but I had to tell
    someone!

  3. I don’t know if it’s just me or if everyone else experiencing
    problems with your site. It appears like some of the text on your content are running off the screen. Can someone else please comment and let me know if
    this is happening to them too? This may be a issue with my web browser because I’ve had this happen previously.
    Thanks

  4. Получите консультацию у квалифицированных!
    Запишитесь за юридической прямо сейчас.
    Получите по любому со экспертом в области юриспруденции.
    Найдите поддержку в правовых вопросах у профессионального!
    правовые вопросы вместе с командой юристов.
    адвокатское мнение от проверенных в значимых вопросах.
    Узнайте от опытных в области права.
    Сотрудничайте с специалистами для правовой.
    квалифицированную консультацию для любого.
    Оплатите для помощи в решении вопроса.
    Обращайтесь за по правовым вопросам.
    Обсуждайте свои юридические с специалистами.
    Получайте информацию о праве у экспертов.
    помощь с юристом для подробного изучения вашего случая.
    юридическую помощь у проверенных.
    правовую от экспертов.
    Обсудите важную юридическую информацию и рекомендации от талантливых.
    Наймите с юристов для решения вопросов.
    Получайте с юристом по важным вопросам у специалистов.
    консультацию у правозащитников по важным вопросам.
    бесплатная юридическая консультация онлайн по телефону бесплатная юридическая консультация онлайн по телефону .

  5. Получите бесплатную консультацию юриста на сайте
    Сомневаетесь в своих правах? Бесплатная консультация юриста поможет
    Требуется помощь юриста? Закажите бесплатную консультацию
    Получите бесплатную консультацию юриста онлайн прямо сейчас
    Специалист проведет бесплатную консультацию по вашему вопросу
    Не знаете, как поступить? Закажите бесплатную консультацию юриста
    Получите профессиональную консультацию от юриста бесплатно
    Оформите бесплатную консультацию юриста и примите верное решение
    Бесплатная консультация юриста – путь к правильному решению
    Закажите бесплатную консультацию от юриста онлайн
    Возникли сложности? Бесплатная консультация юриста – ваш выбор
    Оцените квалифицированную бесплатную консультацию юриста
    Требуется консультация? Закажите бесплатную консультацию юриста сейчас
    Запишитесь на бесплатную консультацию юриста и реши все юридические вопросы
    Остались вопросы? Закажите бесплатную консультацию юриста для получения ответов
    Получите профессиональную бесплатную консультацию юриста в один клик
    Запишитесь на бесплатную консультацию юриста и получите подробный разбор вашей ситуации
    Бесплатная консультация юриста – ваш шанс разобраться в юридических вопросах
    Заказать бесплатную консультацию юриста и обезопасить себя от правовых ошибок
    Профессиональный юрист проведет бесплатную консультацию для вас и даст правовой совет
    Затрудняетесь с правовыми вопросами? Закажите бесплатную консультацию юриста прямо сейчас
    бесплатная юридическая помощь бесплатная юридическая консультация москва .

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Posts

No Related Post