Lesson Summarize

The introduction of Internet, World Wide Web, HTML, and Web browser.

Internet a global computer network providing a variety of information and communication facilities, consisting of interconnected networks using standardized communication protocols.

World Wide Web commonly known as the Web, is an information system where documents and other web resources are identified by Uniform Resource Locators

HTML hypertext markup language

Web Browser is a software application for accessing information on the World Wide Web.

Basic Structure of HTML

1
2
3
4
5
6
7
8
9
<html>
    <head>
        <meta charset="utf-8">
        <title>Document</title>
    </head>
    <body>
        <p>My first paragraph</p>
    </body> 
</html>
Tags Description
<div> Division tag
<center> Horizental centering element in specific width
<font> Defined font style
<body> Element contains all the contents of an HTML document, such as headings...
<p> Paragraph tag
<h1>...<h6> Heading tag
<hr> Horizental Ruler
<big> Big text
<sup> Superscript text
<sub> Subscript text
<b> Bold text
<strong> Strong text
<i> Italic Text
<blockquoate> Tag specifies a section that is quoted from another source
<pre> Used to define the block of preformatted text which preserves the text spaces, line breaks, tabs
<strike> Strikethrough text
<small> Small text
<img> Insert Image in Document
<br> Break Line

Unordered Lists

1
2
3
4
5
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

Ordered Lists

1
2
3
4
5
<ol>
    <li></li>
    <li></li>
    <li></li>
</ol>

Marquee (to make the element run across the screen)

1
2
3
<marquee width="100%" direction="left">
    <p>some text</p>
</marquee>

Hyperlinks (to link to another document, files, websites)

Anchor link (link to specific destination within the same page)

1
2
3
<a href="#exampleAnchor">Label</a>

<a name="exampleAnchor">Text</a>

External & Internal link (link to another document in your website or any other website)

1
2
3
4
5
<a href="https://google.com/" target="_blank">Google</a>

<a href="about.html">About Us</a>

attributes target="_blank" is use to controls what happens when that link is clicked (in this case the link will be open in new tab)

PS: There are also lot more of Attributes which can be used in specific tag

Attributes Description
width Set element width
height Set element height
bgcolor Set background color
center Align element Horizental center
justify Align element Horizental justify
left Align element Horizental left
right Align element Horizental right
src Add source
size Set element or text size
background Add background image
Edit
Pub: 18 Apr 2020 07:58 UTC
Views: 159