Learn Coding HTML Part 1

Khaidir Khaizuki February 16, 2020

01
<html>
<!–-Activity01.html -->
<head>
<title>Text Layout</title>
</head>
<body>
<p>Here is a paragraph of text.</p>
<p>Here is a second paragraph of text.</p>
<p>This is a paragraph of text<br/>made up of two lines.</p>
<p>This is another paragraph with a&nbsp;GAP &nbsp;
betweensome of the words.</p>
<p>&nbsp;&nbsp;This paragraph is<br>indented on the first line
<br>but not on subsequent lines.</p>
</body>
</html>

02
<html>
    <!–-Activity02.html -->
    <head>
        <title>Blocks of Text</title>
    </head>
    <body>
        <h1>This is Major heading 1</h1>
        <p>Here is some text.</p>
        <h2>This is Subheading with heading2    </h2>
        <p>Here is some subtext.</p>
        <hr/> <!-- this is for line-->
        <h1> This is Major heading 1</h1>
        <p>Here is some more text.</p>
    </body>
</html>
03
<html>
    <!–-Activity03.html -->
    <head>
        <title>Text Appearance</title>
    </head>
    <body><h1>TextVariations</h1>
        This is a normal text<br><b>This is a text (bold)</b><br>
        <i>This is a text (italic)</i>
        <p>The following word uses a <b>bold</b>typeface.</p>
        <p><font face=“Arial” color=“#FF0000” size=+3>
            This is a text with font = Arial, size = 3, color = Green</font>
            <p><b><i><font face="Arial, Helvetica, sans-serif"
                 color="blue" size="3">
                 Please set me to bold, italic, font = Arial, size = 3,
                  color = blue </font></i></b><p><h1>Preformatted text</h1>
            <pre>This is apreformatted   text</pre>
            <h1>TextVariations</h1>
            <p>Wecanuse<b>simple</b>tagsto<i>change</i>
                theappearance of<strong>text</strong>within<tt>Webpages</tt>.
                Evensuper<sup>script</sup>and sub
                <sub>scripts</sub>are<em>supported</em>.</p>
            </body>
            </html>
05
<HTML>
    <HEAD>
        <TITLE> My Unordered List </TITLE>
    </HEAD>
    <BODY><U>Unordered List</U> <P>
    <UL type="circle"> My favourite subjects
        <LI> Maths<LI> English<LI> Science</UL>

    <U>Ordered List</U>
    <P><OL> My favourite football clubs
    <LI> Manchester United FC
     <LI> Chelsea FC
    <LI> Liverpool FC</OL> 
05b image from folder
<html>
<head>
<title>Images</title>
</head>
<body>
<h2>Web pages can contains an Image </h2>
<!--buat folder image dulu dalam folder project -->
<img src="image\starbuck.png"
BORDER=2
 alt="This is Starbucks Logo" style="width:304px;height:228px;">
</body>
</html>
06 image from internet
<html>
<!–-Activity05a.html -->
<head>
<title>Image example</title>
</head><body>
<img
src="http://www.csc.liv.ac.uk/~martin/teaching/comp519/HTML/Cathedral.jpg" title="Liverpool's Anglican cathedral" alt="image of Liverpool's Anglican Cathedral" width="400" /> <p>The Anglican Cathedral of Liverpool</p> 
</body>
</html>

Tags

Post a Comment

1 Comments

  1. Unknown28 February 2020 at 21:19

    As stated by Stanford Medical, It is in fact the ONLY reason women in this country live 10 years longer and weigh on average 42 lbs less than we do.

    (And really, it really has NOTHING to do with genetics or some hard exercise and EVERYTHING about "how" they are eating.)

    P.S, I said "HOW", and not "WHAT"...

    CLICK on this link to uncover if this little questionnaire can help you discover your real weight loss potential

    ReplyDelete