Welcome to HTML!
HTML stands for HyperText Markup Language.
Unlike a scripting or programming language that uses scripts to perform functions, a markup language uses tags to identify content.
Here is an example of an HTML tag:
<p> I'm a paragraph </p>
@htmlprograming
By @proffesora
HTML stands for HyperText Markup Language.
Unlike a scripting or programming language that uses scripts to perform functions, a markup language uses tags to identify content.
Here is an example of an HTML tag:
<p> I'm a paragraph </p>
@htmlprograming
By @proffesora
The Web Structure
The ability to code using HTML is essential for any web professional. Acquiring this skill should be the starting point for anyone who is learning how to create content for the web.
Modern Web Design
HTML: Structure
CSS: Presentation
JavaScript: Behavior
PHP or similar: Backend
CMS: Content Management
The ability to code using HTML is essential for any web professional. Acquiring this skill should be the starting point for anyone who is learning how to create content for the web.
Modern Web Design
HTML: Structure
CSS: Presentation
JavaScript: Behavior
PHP or similar: Backend
CMS: Content Management
The <html> Tag
Although various versions have been released over the years, HTML basics remain the same.
The structure of an HTML document has been compared with that of a sandwich. As a sandwich has two slices of bread, the HTML document has opening and closing HTML tags.
These tags, like the bread in a sandwich, surround
everything else:
<html>
…
</html>
Although various versions have been released over the years, HTML basics remain the same.
The structure of an HTML document has been compared with that of a sandwich. As a sandwich has two slices of bread, the HTML document has opening and closing HTML tags.
These tags, like the bread in a sandwich, surround
everything else:
<html>
…
</html>
The <body> Tag
The body tag follows the head tag.
All visual-structural elements are contained within the body tag.
Headings, paragraphs, lists, quotes, images, and links are just a few of the elements that can be contained within the body tag.
Basic HTML Structure:
<html>
<head>
</head>
<body>
</body>
</html>
The body tag follows the head tag.
All visual-structural elements are contained within the body tag.
Headings, paragraphs, lists, quotes, images, and links are just a few of the elements that can be contained within the body tag.
Basic HTML Structure:
<html>
<head>
</head>
<body>
</body>
</html>
The HTML File
Add the basic HTML structure to the text editor with "This is a line of text" in the body section.
<html>
<head>
</head>
<body>
This is a line of text.
</body>
</html>
In our example, the file is saved as first.html
When the file is opened, the following result is displayed in the web browser: 👆👆👆👆
Add the basic HTML structure to the text editor with "This is a line of text" in the body section.
<html>
<head>
</head>
<body>
This is a line of text.
</body>
</html>
In our example, the file is saved as first.html
When the file is opened, the following result is displayed in the web browser: 👆👆👆👆
Creating a Blog
Throughout this course, we'll help you practice and create your own unique blog project, so you'll retain what you've learned and be able to put it to use. Just keep going and follow the instructions in the TASK section. This is what your finished blog page will look like.
<html>
<head>
<title>My Blog</title>
</head>
<body>
...
Don't be afraid of long codes. By the time you complete the course, everything will make complete sense and look highly doable. We guarantee it!
Throughout this course, we'll help you practice and create your own unique blog project, so you'll retain what you've learned and be able to put it to use. Just keep going and follow the instructions in the TASK section. This is what your finished blog page will look like.
<html>
<head>
<title>My Blog</title>
</head>
<body>
...
Don't be afraid of long codes. By the time you complete the course, everything will make complete sense and look highly doable. We guarantee it!
Formatting Elements
Each paragraph in the example is formatted differently to demonstrate what each tag does:
display <strong> as <b>, and <em> as <i>.
However, the meanings of these tags differ: <b> and <i> define bold and italic text, respectively, while <strong> and <em> indicate that the text is "important".
Each paragraph in the example is formatted differently to demonstrate what each tag does:
display <strong> as <b>, and <em> as <i>.
However, the meanings of these tags differ: <b> and <i> define bold and italic text, respectively, while <strong> and <em> indicate that the text is "important".
HTML Headings
HTML includes six levels of headings, which are ranked according to importance.
These are <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>.
The following code defines all of the headings:
<html>
<head>
<title>first page</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
HTML includes six levels of headings, which are ranked according to importance.
These are <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>.
The following code defines all of the headings:
<html>
<head>
<title>first page</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
ምን ሀክ ማድረግ ይፈልጋሉ?
ሀከር ለመሆን ህልም አለዎ?
ሀከር ለመሆንስ ምን ምን ያስፈልጋል?
ስንት አይነት ሀከር አለ?
ሀከር ለመሆን ህልም አለዎ?
ሀከር ለመሆንስ ምን ምን ያስፈልጋል?
ስንት አይነት ሀከር አለ?
✳️Online ስራ መስራት ለምትፈልጉ ይሄን Bot ሞክሩት እኛ ሞክረን ሰርቷል።
🔻Bot Link ፦ https://www.tg-me.com/ask_anything_ethiopia_bot?start=i847559457
‼️ማስጠንቀቂያ‼️
🔻ቦቱን Start ስትልቱ Join Channel የሚል ይመጣላቹሀል እሱን ነክታቹህ ቻናሉን Join ማርጋቹን እንዳትርሱ‼️። እና ቻናሉን Leave ማለት የለባቹም‼️ ለአንድ ሰው በላካችሁ ቁጥር በየአንዳንዱ ሰው 0.50 ሳንቲም ይከፍላችኋል።
🔻Bot Link ፦ https://www.tg-me.com/ask_anything_ethiopia_bot?start=i847559457
🔻Bot Link ፦ https://www.tg-me.com/ask_anything_ethiopia_bot?start=i847559457
‼️ማስጠንቀቂያ‼️
🔻ቦቱን Start ስትልቱ Join Channel የሚል ይመጣላቹሀል እሱን ነክታቹህ ቻናሉን Join ማርጋቹን እንዳትርሱ‼️። እና ቻናሉን Leave ማለት የለባቹም‼️ ለአንድ ሰው በላካችሁ ቁጥር በየአንዳንዱ ሰው 0.50 ሳንቲም ይከፍላችኋል።
🔻Bot Link ፦ https://www.tg-me.com/ask_anything_ethiopia_bot?start=i847559457
#ቢዝነስ_አንድ_የተረጋገጠ‼
..........//..........
አሁን በቴሌግራም ፓት( bot) ብቻ በመጠቀም በየቀኑ ቢትኮይን( #bitcoin) የምናገኝበትን መንገድ ከታች ሊንክ ሼር አደርጋችኋለሁ። እናተ በፓቱ (bot) እየገባችሁ ኮይን መሰብሰብ ትችላላችሁ። ከሰበሰባችሁ በኋላ ወደ ዶላር መቀየር ትችላላችሁ።
ማንኛውንም ጥያቄ @gyonawiw ያውሩን።
............
'' ከዘመኑ ጋር አብረን እንዘምን፤ ዛሬ ላይ ሁነን ነገን እንገንባ፤ በትናንት አንሸነፍ በነጋችን አንደራደር‼''
.............
መግቢያ ሊንክ:
👇
https://www.tg-me.com/Crypto_Claimer_Bot?start=847559457
..........//..........
አሁን በቴሌግራም ፓት( bot) ብቻ በመጠቀም በየቀኑ ቢትኮይን( #bitcoin) የምናገኝበትን መንገድ ከታች ሊንክ ሼር አደርጋችኋለሁ። እናተ በፓቱ (bot) እየገባችሁ ኮይን መሰብሰብ ትችላላችሁ። ከሰበሰባችሁ በኋላ ወደ ዶላር መቀየር ትችላላችሁ።
ማንኛውንም ጥያቄ @gyonawiw ያውሩን።
............
'' ከዘመኑ ጋር አብረን እንዘምን፤ ዛሬ ላይ ሁነን ነገን እንገንባ፤ በትናንት አንሸነፍ በነጋችን አንደራደር‼''
.............
መግቢያ ሊንክ:
👇
https://www.tg-me.com/Crypto_Claimer_Bot?start=847559457
#ያልተጠቀማችሁ_ተጠቀሙ︎‼
..
100.000 ሳቶሺ (satoshi) ብትደርሱ 0.001ቢትኮይን (btc) ኖራችሁ ማለት ነው።
1 btc == $38000 ነው። ስለዚህ 0.001 ቢትኮይን (btc) = ከ $40 በላይ የማግኘት እድል አላችሁ ማለት ነው።
$1==57birr እየተመነዘረ ነው።
//
100,000 satoshi === 0.001btc
1 btc ==== $38K
$1 ==== 57 Birr
ዋናው የፖቱ ( bot) ሊንክ ከታች ያለው ነው። ለሌሎች ወዳጅዎ ሼር ማድረጎን አይርሱ‼
👇👇
https://www.tg-me.com/Crypto_Claimer_Bot?start=847559457
//
..
100.000 ሳቶሺ (satoshi) ብትደርሱ 0.001ቢትኮይን (btc) ኖራችሁ ማለት ነው።
1 btc == $38000 ነው። ስለዚህ 0.001 ቢትኮይን (btc) = ከ $40 በላይ የማግኘት እድል አላችሁ ማለት ነው።
$1==57birr እየተመነዘረ ነው።
//
100,000 satoshi === 0.001btc
1 btc ==== $38K
$1 ==== 57 Birr
ዋናው የፖቱ ( bot) ሊንክ ከታች ያለው ነው። ለሌሎች ወዳጅዎ ሼር ማድረጎን አይርሱ‼
👇👇
https://www.tg-me.com/Crypto_Claimer_Bot?start=847559457
//