HTML basic elements #1

starrchris (73)adminin Steem Aware • last year

Hello pals, today i am going to teach about html basic elements, without these elements html wouldn't exist. In other words i am trying to say that HTML is nothing without this basic codding elements.

This baskc elements are important codes that permit a web developers to put down his creative idea from his or hers brain to the computer system or editor. In other words i would say they are libe of code that helps excute the wish of the developers through theie computer system.

Just as we have markdowns on steemit where we can use the text-justify tag to justify our text, where we use three asterixto create a divider, where hash is used to increase our text size etc.

This basic tags of elements are elements or tags that cannot be ignored by any web developer because without them your code would generate a lot error

Before you start developing with html there is a special fomate that must be followed by the developers in charge of the project, this fomate enables the code to be organized and easy to understand by any code reader or code tester.

The basic format for developing any web site using HTML CSS and JavaScript

   <!DOCTYPE html>
  <html>
   <head>
  <style> </style>
  </head>
  <body>
      <h1>My First Page</h1>

      <p>This is my first page.</p>
    <hr>
    <p>This is the footer - all rights are reserved to me.</p>

<script> </script>
  </body>
 </html>

On My Editor And It Preview

Screenshot_20230605-080828~2.png

Screenshot_20230605-080844~2.png

   <!DOCTYPE html>

The !DOCTYPE html tag signifies that the developer is working with the latest HTML language, !DOCTYPE html is used by HTML 5 which is the latest version of html. Using the !DOCTYPE html the developer would be permitted to use all latest element without generating error messages from the editor.

  <head>

This tag is where the heading of the website is created, the meta element are inserted, the internal CSS tag or code are created and also where some link's are created by the developer.

<style>

Usually found in the head tag, this tag is used to create internal styling in your website using Cascading Style Sheet (CSS). All sort of css codes can be written inside this tag.

Screenshot_20230605-080151~2.png

Screenshot_20230605-080218~2.png

A basic HTML code and it's preview

 <body>

This is one of the most important tag in html because this is where all written and seen content are preview, all content seen on your website are created in this tag

 <script>

This also a very important tag in web development, this tag houses the JavaScript element used to make the code reactive. This is basically used when the developer wishes for an internal JavaScript code

Conclusion

Thank you very much for going through ☺️, remember i am still open for correction and drop your questions in the comment.section. As usual starrchris always care's ❤️.

3jpR3paJ37V8JxyWvtbhvcm5k3roJwHBR4WTALx7XaoRovTe59Ld3UEzKMy52yKcau8FF7MYcVsKSGUR2JXsd6KdVsunFJoPow8JyPPH41hAe6b9cN3HPC7j1ZbonhGNiCUsY.png

#steemit #steem #club100 #steemexclusive #learning #tutorial #technology

last year in Steem Aware by starrchris (73)admin

Sort:

steem.history (77) last year

Thank you, friend!
I'm @steem.history, who is steem witness.
Thank you for witnessvoting for me.

_{please click it!}

_{(Go to https://steemit.com/~witnesses and type fbslo at the bottom of the page)}

The weight is reduced because of the lack of Voting Power. If you vote for me as a witness, you can get my little vote.