the basic html school net japan naoto kurimoto. today’s goal understanding the basic structure of...
TRANSCRIPT
![Page 1: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/1.jpg)
The basic HTML
School Net Japan Naoto Kurimoto
![Page 2: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/2.jpg)
Today’s Goal
• Understanding the basic structure of HTML
• How to use basic HTML tag<br>, <font>, <center>, <table>,
<hr>, <a href>, <img src>, etc…
• Making the introduction web page
• HTML = Hyper Text Makeup Language
![Page 3: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/3.jpg)
The basic structure of HTML
<html>
<head>
</head>
<body>
</body>
</html>
Write the informationof web site
Write the contentof web site
From <html>to </html> is all.
![Page 4: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/4.jpg)
Practice 0
• Start “Note Pad”.
![Page 5: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/5.jpg)
Practice 1
• Type The basic structure of HTML
<html><head></head><body></body></html>
• Save to your folder as the “index.html”
![Page 6: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/6.jpg)
Practice 2
• W click “index.html” in your folder Display
• You can confirm white web site.
![Page 7: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/7.jpg)
Practice 3
• Type & add <title>Self-Introduction</title><html><head><title>Self-Introduction of your name</title></head><body></body></html>
• Save!• What is changing ?
![Page 8: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/8.jpg)
Practice 4
• Type & add from <body> to </body>! The part of yellow is yours.…
<body>
Self-Introduction
My name Naoto Kurimoto
My school TAKI high School
</body>
</html>
• Save!• What is strange?
![Page 9: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/9.jpg)
Practice 5 You need <br>
• Type & add <br>…<body>Self-Introduction<br>My name Naoto Kurimoto<br>My school TAKI high School<br></body></html>
• Save!• What is changing?
![Page 10: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/10.jpg)
Practice 6 You need <font>to change the size & color of text
• Type & add <font size=“ ” color=“ ”>
…<body>
<font size=“7” color=“red”>Self-Introduction</font><br>
My name Naoto Kurimoto<br>
My school TAKI high School<br>
</body>
</html>
• Save!• What is changing?
![Page 11: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/11.jpg)
Practice 7 You need <center>to center the text
• Type & add <center></center> to center the text…<body><center><font size=“7” color=“red”>Self-Introduction</font><br>My name Naoto Kurimoto<br>My school TAKI high School<br></center></body></html>
• Save!• What is changing?
![Page 12: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/12.jpg)
Practice 8 You need <hr>to make the horizontal line
• Type & add <hr> to make the horizontal line…<body><center><font size=“7” color=“red”>Self-Introduction</font><br>My name Naoto Kurimoto<br>My school TAKI high School<br><hr></center></body>
• Save!• What is changing?
![Page 13: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/13.jpg)
Break Please write your message of Self-Introduction
<body><center><font size=“7” color=“red”>Self-Introduction</font><br>My name Naoto Kurimoto<br>My school TAKI high School<br><hr>My message …<hr></center></body>…
![Page 14: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/14.jpg)
Practice 9 You need <img src=>to put the image data
• Type & add <img src=…> to put the image data…<body><center><font size=“7” color=“red”>Self-Introduction</font><br>My name Naoto Kurimoto<br>My school TAKI high School<br><hr>My message …<hr><img src=kurimoto.JPG></center></body>…
• Save!• What is changing?
![Page 15: The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the](https://reader036.vdocuments.mx/reader036/viewer/2022083009/5697c0251a28abf838cd5121/html5/thumbnails/15.jpg)
Practice 10 You need <a href=>to make the link
• Type & add <a ref=“…”>…</a> to make the link…<body><center><font size=“7” color=“red”>Self-Introduction</font><br>My name Naoto Kurimoto<br>My school TAKI high School<br><a href=“http://www.taki-hj.ac.jp”>My school Web Page</a><a href=“h-f.html”>Healthy food in Nepal</a><hr>My message …<hr><img src=kurimoto.JPG></center></body>…
• Save!• What is changing?