HTML is a hypertext markup language.

11.5.3.1 create a website using basic HTML tags 

HTML is a hypertext markup language.

HTML (Hypertext Markup Language) is the standard markup language for creating web pages and applications. It consists of a series of elements, which you can use to structure content on a web page. Each element has a specific purpose and a distinct role in the document. Here are some key components:

  1. HTML Tag: The building block of HTML. Tags are used to denote the start and end of an element. For example, <p> starts a paragraph and </p> ends it.

  2. Element: An element comprises a start tag, content, and an end tag. For instance, in <h1>Hello World</h1>, <h1> is the start tag, "Hello World" is the content, and </h1> is the end tag. Together, these form the "h1" element.

  3. Attributes: Elements can also have attributes, which provide additional information about the element. Attributes are defined within the start tag. For example, <a href="https://www.example.com">Link</a>; here, href is an attribute of the <a> tag.

  4. Nested Elements: HTML allows elements to be nested within other elements. This creates a parent-child relationship in the DOM (Document Object Model). For example, <ul><li>List Item</li></ul>; here, the <li> element is nested inside the <ul> element.

  5. Void Elements: Some elements don't have an end tag and don't contain content. They are self-closing. For example, <br> for a line break, and <img src="image.jpg"> for an image.

  6. Doctype Declaration: An HTML document begins with a doctype declaration <!DOCTYPE html>, which tells the browser to render the page in HTML5 mode.

  7. Head and Body: The <head> element contains meta-information about the document, like its title and links to stylesheets, while the <body> element contains the content of the document that's visible to users, such as headings, paragraphs, images, hyperlinks, tables, lists, etc..

HTML is a key foundational technology for web development and understanding its structure and usage is crucial for creating effective and interactive web pages.

<html>
    
<head>
        <title>Page Title</title>
    </head>
    <body>
        Content of webpage
    
</body>
</html>

Practice

Create a webpage.

  1. Open a text editor. 
  2. Copy the code above and print it yourself.
  3. Save the document with the extension .html, for example, index.html
  4. Open the HTML document in a web browser.

Use online web page editors to immediately see webpage changes.

Consider using the following tags yourself

Headings

Paragraphs

Font formatting

Hyperlinks

Images

Tables

Lists

Block and Inline Elements

Forms

Forms. Input types

Video

Audio

Bootstrap Starter Templates


Questions:

1. What is HTML used for?
2. What are the two main parts of an HTML document?
3. Explain the concept of "tag".
4. Give examples of formatting tags, tables, and insertion of objects.


Exercises:

Ex. 0 Markup webpage index.html (download file)

Ex. 1

Ex. 2

Ex. 3

Ex. 4

Create a webpage using a template:

Ex. 5

Practical work "Implement a ready-made algorithm for creating a landing page using Bootstrap" 


Exam questions:


 

 

Категория: Programming languages | Добавил: bzfar77 (09.01.2021)
Просмотров: 6533 | Теги: Paragraph, html, head, tag, Heading, body, Attribute | Рейтинг: 5.0/2
Всего комментариев: 0
avatar