Skip to main content

HTML Basics

 Here we will see some HTML examples, Forget about the tags you have not learned yet.

HTML Document:

All HTML documents start with a document-type declarations : <!DOCTYPE html>

A HTML document itself begins with <html> and close with </html>

The visible part of the web page will be <body> and </body>


<!DOCTYPE html>
<html>
<body>
<h1>My first HTML document</h1>
<p>Just look at the document forget about the tags you have not learned so far.</p>
</body>
</html>
view raw basic-html.html hosted with ❤ by GitHub

The <!DOCTYPE> Declaration:

  1. The <!DOCTYPE> declaration represents the document type and helps browsers display web pages correctly.
  2. It must only appear once, at the top of the page (before any HTML tags).
  3. The <!DOCTYPE> declaration is not case sensitive.

HTML Headings:

HTML headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading.

<!DOCTYPE html>
<html>
<body>
<h1>Level 1 heading</h1>
<h2>Level 2 heading</h2>
<h3>Level 3 heading</h3>
<h4>Level 4 heading</h4>
<h5>Level 5 heading</h5>
<h6>Level 6 heading</h6>
</body>
</html>
view raw html-headings.html hosted with ❤ by GitHub

HTML Paragraphs:

HTML paragraphs are defined with the <p> tag

<!DOCTYPE html>
<html>
<body>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
<p>Paragraph 3</p>
<p>Paragraph 4</p>
<p>Paragraph 5</p>
</body>
</html>
view raw html-paragraphs.html hosted with ❤ by GitHub

HTML Links:

HTML links are defined with the <a> tag.
view raw html-links.html hosted with ❤ by GitHub
The link's destination is specified in the href attribute. . Attributes are used to provide additional information about HTML elements.

HTML Images

HTML images are defined with the <img> tag.
The source file (src), alternative text (alt), width, and height are provided as attributes:

<!DOCTYPE html>
<html>
<body>
<img src="dsoftwaremachinist.jpg" alt="D Software Machinist" width="100" height="150">
</body>
</html>
view raw html-images.html hosted with ❤ by GitHub


Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

When there is.... It matters!

When there is no wind... It matters to see a tree dance! When there is no way home... It matters to keep a thin memory! When there is no light... It matters to keep a lighter! When there is no sweetheart... It matters by surrounded with friends! When there is no sweet memory to remember... It matters to create them by own! When there is no achievement... It matters to grab an opportunity! When there is no plan... It matters to hit hard the goal! When there is a heart... It matters to keep it unbroken! When there is  no knowledge... It matters to get rich! When there is no path... It matters to keep thoughts clear! When there is   no hope... It matters to keep motivated! When there is no life... It matters to remember YOU ARE THE LIFE
1 comment
Read more

Bulma Installation in Angular app.

Bulma + Angular using NPM Why NPM? Whenever we need a package in our Angular application, we'll be using npm to bring in the package. This is the way the Angular ecosystem is working. We need lots of packages to build something greater. Installing Bulma: This will bring the entire Bulma project into our node_modules folder. The --save flag will add this dependency to our package.json Add Bulma in Angular app: For Angular applications, all starting configuration happens in the angular.json file. In that file, you'll find a styles array where we can add any CSS files we want to add to our project. You'll also find a script array where you can add scripts if you need that. ( Refer here for including Jquery and Bootstrap ) Restart the angular server ( ng serve ). Now you can able to use all the incredible features of Bulma CSS in your Angular application.  Let's make something awesome with Bulma.
Post a Comment
Read more

The road we all walk...

In a world of closed minds and hearts, He stands apart, a breath of fresh air,  With eyes wide open and a curious soul, He dares to explore what others declare. Surrounded by people who refuse to see, The beauty and wonder that lie ahead, He walks his own path, unafraid and free, With an open mind and an open heart, he treads. He listens to different perspectives, And welcomes diverse points of view, He learns from all, never selective, And embraces what is true. His mind is a canvas, always open, To the colors and strokes of life, He sees the world as a masterpiece unbroken, And revels in the magic of its strife. Though some may judge and criticize, And close their minds to what they don't know, He remains true to his beliefs and tries, To share the joy and wonder he has come to know. For in a world of closed minds and hearts, He is a beacon of hope and light, With his open mind, he sets apart, A path that's honest, true, and right.
Post a Comment
Read more