Introduction to HTML: The Language of the Web Lecture: #1

Introduction to HTML: The Language of the Web

Objective: To understand the basic's of HTML and its role in web Development:

What is HTML?

HTML stands for Hyper Text Markup Language.
it is standard markup language for creating web pages .
HTML provides basics structure and content for web pages.

How Does HTML works?

HTML uses markup to structure content using tag's.
Tag's are enclosed in angle brackets , like <tag>.
Tag's define elements on a webpage;

Basic HTML Structure :

<!DOCTYPE html>

<html>

<head>

<title>Document Title</title>

</head>

<body>

<h1>Heading 1</h1>

<p>This is a paragraph.</p>

</body>

</html>

<!DOCTYPE html>
'<html>' : Defines the document type of version.
'<head>' : The root element that contains all other elements.
'<title>' : Contain-meta information about the document, like the title.
'<body>' : Sets the title displayed in the browser tab.
'<h1>' : Represent a top-level heading.
'<p>' : Represent a Paragraph of a text.

Ok Guy's we will meet in next lecture in bottom i will have to share today's lecture notes kindly note this on your notebook for better learning's:

Thanks everyone Good-Bye ..!

Comments

Lists in HTML lecture #5

Lists in HTML Title: Understand the Lists elements: objective: By the end of this lecture you will : Understands different types of HTML lists. Be able to create ordered and unordered Lists. Learn how to create nested lists. Apply list styling and attributes. Types of lists: HTML offers three types of lists Ordered Lists(OL): These are numbered and letters list is used to ordered items: Unordered Lists(UL): These are bulleted list used to order the items : Definition Lists(DL): These lists are used to define the terms and descriptions: How to create these lists: Order lists(OL): <ol> <li> Orange </li> <li> Apple </li> <li> Banana </li> </ol> The ` <ol> ` tag is used to create ordered lists: The ` <li> ` tag is used to create a lists elements. Unordered Lists(UL): <ul...

Create a page layout in HTML #4 lecture

Creating a page layout in HTML objective: To understand semantic elements in HTML: The tag's are used to make a layout in HTML is : `<header>`,`<main>`,`<footer>`,`<aside`. `<header>`: The `<header>` tag is used to introduce the top of the page. `<main>`: The `<main>` tag us used for containing primary content of the page. `<footer>`: The `<footer>` tag is used to represent the footer of the webpage. `<aside>`: The `<aside>` tag is used to make a sidebars in the webpage. `<article>`: this tag is used as a self combined tag. That's the 4th lecture of the HTML i hope you will understand this . in the bottom i will have...

HTML Basics: Elements and Structure #2 lecture

Introduction to HTML basics Elements and Structure: Objective: To, explorer HTML Elements , structure and commonly used tag's. Common HTML Tag's: Here is example to understands how to open and close tag's < > this is Opening tag. < /> this is Closing tag. But here is a one thing that will understand : some tags are automatic closed means we would just open it like this <br> . Today we will understand Headings and Paragraph tag's : Headings and Paragraph's: <h1> Main Heading </h1> <h2> Sub Heading </h2> <h3> Heading 3 </h3> <h4> Heading 4 </h4> <h5> Heading 5 </h5> <h6> Heading 6 </h6> <p> using for paragraph </p> Ok guys we will meet on next lecture our next topic is formatting tag's. in the bottom i will share you some notes related to our today's topic and have a way to how to make this in practical .. please share this to your bestfriends Goo...

Code With Nomii

Search This Blog