Html For Newbie Code.
Tags: codenewbie, html, webdev, beginners
Published: 2021-06-05 04:55:30

if you are new to coding, HTML is the right code for you. because html is very easy and suitable for beginners. first of all the application you need is a code editor, suitable code editor for html is notepad++ (for me, code editor is not necessarily the same, you can use: Notepad, Sublime, Atom, etc) if you want to use notepad++ go to this website : https://notepad-plus-plus.org/downloads/

OK.if you already download the Code Editor, Open the code editor, and Click File > New Or "Ctrl + N" And Save or Save As, Then rename it "index.html" ,so the text file can be a html file, after that u can type your first code :)

<pre class="hljs" style="display: block; overflow-x: auto; background: rgb(25, 23, 28); color: rgb(139, 135, 146); padding: 0.5em;"><span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;html&gt;</span>
<span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;head&gt;</span>

<span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;/head&gt;</span>
<span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;body&gt;</span>

<span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;/body&gt;</span>
<span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;/html&gt;</span></pre>

&lt;html&gt; element to know that the file is html, this element must be on the first line.

&lt;head&gt; element for the title element, the title element is useful for changing the name of your website website

Example:

<pre class="hljs" style="display: block; overflow-x: auto; background: rgb(25, 23, 28); color: rgb(139, 135, 146); padding: 0.5em;"><span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;html&gt;</span>
<span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;head&gt;</span>
<span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;title&gt;</span>This Is TITLE.<span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;/title&gt;</span>
<span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;/head&gt;</span>
<span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;body&gt;</span>

<span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;/body&gt;</span>
<span class="hljs-attribute" style="color: rgb(190, 70, 120);">&lt;/html&gt;</span></pre>

if you write the code correctly then the browser title is "This is TITLE".

<u>Header</u>
the header element is useful for displaying jumbo/large letters, the header element has many font sizes, there are &lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, to &lt;h6&gt;

Code:

<pre class="hljs" style="display: block; overflow-x: auto; padding: 0.5em; background: rgb(255, 255, 255); color: rgb(67, 79, 84);"><span class="hljs-attribute" style="color: rgb(0, 151, 157);">&lt;html&gt;</span>
<span class="hljs-attribute" style="color: rgb(0, 151, 157);">&lt;head&gt;</span>
<span class="hljs-attribute" style="color: rgb(0, 151, 157);">&lt;title&gt;</span>Header Tutorial<span class="hljs-attribute" style="color: rgb(0, 151, 157);">&lt;/title&gt;</span>
<span class="hljs-attribute" style="color: rgb(0, 151, 157);">&lt;/head&gt;</span>
<span class="hljs-attribute" style="color: rgb(0, 151, 157);">&lt;body&gt;</span>
<span class="hljs-attribute" style="color: rgb(0, 151, 157);">&lt;h1&gt;</span>This is Header 1 <span class="hljs-attribute" style="color: rgb(0, 151, 157);">&lt;/h1&gt;</span>
<span class="hljs-attribute" style="color: rgb(0, 151, 157);">&lt;/body&gt;</span>
<span class="hljs-attribute" style="color: rgb(0, 151, 157);">&lt;/html&gt;</span></pre>

if you typed the code correctly then the result is like this...

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a1sobeg9w3b63a50q42k.jpg)

To be continued...
See you in part 2...
Sorry for short articles because im litlle bit lazy, in part 2 maybe its gonna be longgggg..... :)