Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
HTML (Hypertext Markup Language) | Website Anatomy
Web Development Essentials with AI
course content

Course Content

Web Development Essentials with AI

Web Development Essentials with AI

1. Course Overview & AI in Coding
2. Website Anatomy
3. Introducing ChatGPT
4. Building the Blog Website

book
HTML (Hypertext Markup Language)

HTML, the foundation of web pages, defines their structure and content. Think of it like a house's foundation, walls, door, and roof.

At its core, HTML consists of elements enclosed within angle brackets (<>) and typically come in pairs - an opening tag and a closing tag. These elements form a hierarchical structure, with some elements nested within others to create a meaningful layout.

Example:

Please click the Run Code button to see the website in action.

html

index

css

index

js

index

copy

Adding Different Tags in HTML

In HTML, we can use various tags to add different types of content to the web page. Here's how we can add text, images, links, and more:

Adding Text

To add text to the web page, we can use the <p> tag for paragraphs, <h1> to <h6> for headings of different levels.

html

index

css

index

js

index

copy

Adding Images

To add images, we can use the <img> tag. Specify the image's source (src attribute) and optionally include attributes like alt for alternative text and width and height for dimensions.

Adding Links

To add hyperlinks to other web pages or resources, we can use the <a> tag. Specify the URL of the destination page using the href attribute.

html

index

css

index

js

index

copy

Adding Lists

To create ordered (numbered) or unordered (bulleted) lists, we can use the <ol> and <ul> tags, respectively. Inside these tags, use the <li> tag for each list item.

html

index

css

index

js

index

copy

Adding Forms

To create forms for user input, we can use various form-related tags like <form>, <input>, and <button>.

html

index

css

index

js

index

copy

We can add a wide range of content to the web page using these HTML tags, from simple text and images to interactive forms. Below, you can find the website with considered tags.

html

index

css

index

js

index

copy

Video Tutorial

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 2. Chapter 2
We're sorry to hear that something went wrong. What happened?
some-alt