Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,150,449 members, 7,808,604 topics. Date: Thursday, 25 April 2024 at 02:10 PM

Learn The Basics Of HTML On Nairaland - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / Learn The Basics Of HTML On Nairaland (1409 Views)

Download Hundreds Of HTML, CSS, Wordpress Theme, PHP Scripts For Free / Website Designer With Good Knowledge Of HTML, Javascript, And CSS / SEO Basics: 6 Essentials When Optimizing Your Site (2) (3) (4)

(1) (Reply) (Go Down)

Learn The Basics Of HTML On Nairaland by DFaveweb(m): 1:01pm On Aug 24, 2019
Welcome on Board,

When you want to learn programming , it is very crucial to begin with the basic concepts of HTML and CSS,, Below is an introduction to the meaning of HTML..


What is HTML?
HTML is the standard markup language for creating Web pages.

HTML stands for Hyper Text Markup Language
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements are represented by tags
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
Browsers do not display the HTML tags, but use them to render the content of the page
Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 7:37pm On Aug 24, 2019
HTML Documents
All HTML documents must start with a document type declaration: <!DOCTYPE html>.

The HTML document itself begins with <html> and ends with </html>.

The visible part of the HTML document is between <body> and </body>.
Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 9:51pm On Aug 24, 2019
HTML Headings
HTML headings are defined with the <h1> to <h6> tags.

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

Example
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 6:41am On Aug 25, 2019
HTML Tags
HTML tags are element names surrounded by angle brackets:

HTML tags normally come in pairs like <p> and </p>
The first tag in a pair is the start tag, the second tag is the end tag
The end tag is written like the start tag, but with a forward slash inserted before the tag name
Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 11:46am On Aug 25, 2019
Write HTML Using Notepad or TextEdit
Web pages can be created and modified by using professional HTML editors.

However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).

We believe using a simple text editor is a good way to learn HTML.

Follow the steps below to create your first web page with Notepad or TextEdit.

Step 1: Open Notepad (PC)
Windows 8 or later:

Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Windows 7 or earlier:

Open Start > Programs > Accessories > Notepad

Step 1: Open TextEdit (Mac)
Open Finder > Applications > TextEdit

Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"

Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text".

Then open a new document to place the code.

Step 2: Write Some HTML
Write or copy some HTML into Notepad.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 11:49am On Aug 25, 2019
Step 3: Save the HTML Page
Save the file on your computer. Select File > Save as in the Notepad menu.

Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).

Re: Learn The Basics Of HTML On Nairaland by abiola828(m): 3:57pm On Aug 25, 2019
Sharing is Caring!!!
Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 9:03pm On Aug 25, 2019
Step 4: View the HTML Page in Your Browser
Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with"wink.

The result will look much like this:

Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 8:02am On Aug 26, 2019
HTML Paragraphs
HTML paragraphs are defined with the <p> tag:

Example
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 11:43am On Aug 26, 2019
HTML Buttons
HTML buttons are defined with the <button> tag:

Example
<button>Click me</button>
Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 6:40pm On Aug 26, 2019
HTML Lists
HTML lists are defined with the <ul> (unordered/bullet list) or the <ol> (ordered/numbered list) tag, followed by <li> tags (list items):

Example
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 8:27pm On Aug 26, 2019
The lang Attribute
The language of the document can be declared in the <html> tag.

The language is declared with the lang attribute.

Declaring a language is important for accessibility applications (screen readers) and search engines:

<!DOCTYPE html>
<html lang="en-US">
<body>

...

</body>
</html>
Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 8:40am On Aug 27, 2019
The title Attribute
Here, a title attribute is added to the <p> element. The value of the title attribute will be displayed as a tooltip when you mouse over the paragraph:

Example
<p title="I'm a tooltip">
This is a paragraph.
</p>
Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 11:13am On Aug 27, 2019
HTML Horizontal Rules
The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule.

The <hr> element is used to separate content (or define a change) in an HTML page:

Example
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
Re: Learn The Basics Of HTML On Nairaland by Haryoureendey4(m): 7:47pm On Aug 27, 2019
DFaveweb:
HTML Horizontal Rules
The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule.

The <hr> element is used to separate content (or define a change) in an HTML page:

Example
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
following
Re: Learn The Basics Of HTML On Nairaland by DFaveweb(m): 11:50pm On Aug 27, 2019
HTML Line Breaks
The HTML <br> element defines a line break.

Use <br> if you want a line break (a new line) without starting a new paragraph:

Example
<p>This is<br>a paragraph<br>with line breaks.</p>
Re: Learn The Basics Of HTML On Nairaland by techweb71: 7:08am On Aug 28, 2019
Dominique you have done it again, you have banned a programmer teaching us HTML here , something is definitely wrong with you people
Re: Learn The Basics Of HTML On Nairaland by DFaveweb1: 8:04am On Aug 28, 2019
techweb71:
Dominique you have done it again, you have banned a programmer teaching us HTML here , something is definitely wrong with you people

Na one jobless members venbobo wey dey call every one scammer on Nairaland make that Lady banned me, ayam not understanding Dominique again oo...
Re: Learn The Basics Of HTML On Nairaland by Venbobo: 9:38am On Aug 28, 2019
techweb71:
Dominique you have done it again, you have banned a programmer teaching us HTML here , something is definitely wrong with you people

Keep backing your self with your alternate monikers you just opened they will get banned too, can't you go elsewhere to scam must it be on nairaland?..... You are one of the most irrating scammer / spammer I have come across , but ur days are long over!!
Re: Learn The Basics Of HTML On Nairaland by Venbobo: 9:40am On Aug 28, 2019
DFaveweb1:


Na one jobless members venbobo wey dey call every one scammer on Nairaland make that Lady banned me, ayam not understanding Dominique again oo...

Keep backing your self with your alternate monikers you just opened they will get banned too, can't you go elsewhere to scam must it be on nairaland?..... You are one of the most irrating scammer / spammer I have come across

Dominique the scammer is back with a new Monika
Re: Learn The Basics Of HTML On Nairaland by DFaveweb1: 9:57am On Aug 28, 2019
Venbobo:


Keep backing your self with your alternate monikers you just opened they will get banned too, can't you go elsewhere to scam must it be on nairaland?..... You are one of the most irrating scammer / spammer I have come across

Dominique the scammer is back with a new Monika

Nigerian Economy has really affected your sense real bad, I pity your life, calling everyone scammer, your life is under a big curse, replying you is like replying a dead human being

(1) (Reply)

.. / Over A Million Web Sites Affected In Mass Sql Injection Attack / Rss Feeds, How To Get It On My Blog

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 30
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.