Chapter 1: Hypertext Markup Language (HTML)

15:53


Assalamualaikum and have a nice day everyone. May Allah's blessing are always be with us.🌈

So guys, today we are going to share about the things that we've learn from our previous class which is Computer in Science class. For this time, we gonna share about the HTML. 

Have you ever heard about HTML? Yes? Or no? I bet some of you may have heard about it before, especially if you're familiar with blogger. 

So first, let's start our sharing for this very first time (more coming chapter soon InsyaaAllah).😉😉

Before we go more detail about HTML, the first thing that we need to do is we need to know about all of this terms:
Definitions of The World Wide Web:
• The set of computers on the Internet that support HTTP.
• Not a separate network.

HTTP
• The HyperText Transfer Protocol.
• The language used by a WWW client (e.g. Netscape, Internet Explorer) to
request documents from a WWW server (i.e. the program running at Web sites
like amazon.com or yahoo.com)

HTML
• The HyperText Markup Language.
• The language used to design web pages.

So, basically HTML is the language used to design web pages. If you're going to have a blog or website in your life soon, then you must learn HTML to create your own website. Please refer to picture below for the details of HTML:


Next, here are the main elements of HTML:


Basic example of HTML:


HTML Attributes 🙌

• HTML elements can have attributes.
• Attributes provide additional information about an element.
• Attributes are always specified in the start tag.
• Attributes come in name/value pairs like: name="value”.

Example: 

HTML Headings 😎

• 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 a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

• Use HTML headings for headings only. Don't use headings to make text BIG or bold.
• Search engines use your headings to index the structure and content of your web pages.
• Users skim your pages by its headings. It is important to use headings to show the document
structure.
• h1 headings should be main headings, followed by h2 headings, then the less important h3,
and so on.

HTML Paragraphs:

HTML Line Breaks:

HTML Styles:

HTML Body Styles:

HTML Links

  1. Links are found in nearly all web pages. Links allow users to click their way from page to page.
  2. HTML links are hyperlinks.
  3. A hyperlink is a text or an image you can click on, and jump to another document.
  4. In HTML, links are defined with the <a> tag:
  5. The href attribute specifies the destination address (https://bananas162.blogspot.my/)
  6. The link text is the visible part (Visit My Blog).
  7. Clicking on the link text, will send you to the specified address.

Example:

<p><a href=”https://bananas162.blogspot.my/">Visit My Blog</a></p>

Furthermore, Dr. Linda also teach us how to create tables in our blog using HTML.

HTML Tables:

Lastly, we also learn on how to upload images into our blog also by using HTML. Sounds great right? All of the method using HTML.😀

HTML Images:

So, I think, that's all for our sharing today. Thank you😁🙈

Credit Slides : Dr. Dr. Azran Azhim.

Share This Story

Tags:

You Might Also Like

1 comments

Subscribe