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.

Slides:



Advertisements
Similar presentations
Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Advertisements

HTML II Formatting the Language of the Web Terry Bake
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Introduction to HTML & CSS
HTML Lesson 4 Hyper Text Markup Language. Assignment Part 3  Save your last html file as “FirstName3.htm”  Set the title as “FirstName LastName Third.
HTML. The World Wide Web Protocols Addresses HTML.
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
1 تقنيات الانترنت عال457 HTML. 2 HTML  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
CIS101 Introduction to Computing HTML Project Two.
Basic HTML UCR Webmasters Support Group Derk Adams.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
How can basic HTML sites be improved?. The Difference Between Hyper Text Markup Language Is a markup language for describing web pages Is used to create.
WEB DESIGN This course accompanies: -DiDA -GCSE ICT -A-Level ICT Insert Teacher Name Here By xIslandDesign.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
Define html document byusing Example : Title of the document The content of the document......
Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
Edit a Page Detailed Front End To edit any information on your web page, you will have to login to the admin tool to change it.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
Using Hyper Text Markup Language to develop a Web page.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.
Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)
Just Enough HTML How to Create Basic HTML Documents.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
HTML H yper T ext M arkup L anguage. What is HTML? It is a programming language that Defines the format of a World Wide Web (WWW) page. It is a simple.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
Introduction to HTML Vincci Kwong Reference/Instruction Librarian.
Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Healthy food in Nepal School Net Japan Naoto Kurimoto.
Start Dreamweaver program From file menu click new Blank page appears.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
Introduction to HTML : Hyper Text Markup Language.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
Web programming Part 1: HTML 由 NordriDesign 提供
Marquees and Tables. Tags Fun Stuff Here! Creates text that scrolls from right to left! Animated text. This is a great tag but does not work on every.
Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.
Links and Images. Links HTML uses a hyperlink to link to another document on the Web A hyperlink can be either text or a picture Links are created with.
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
Agenda 2/9/05 Art for New Media Quick Write/Sketch Last Day for basic HTML –Relative links (how to go inside a folder and back up a folder) –Changing link.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
1 Mansoor Ahmed Bughio. 2 HTML TABLES With HTML you can create tables. Examples Tables This example demonstrates how to create tables in an HTML document.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Introduction to HTML.
HTML GUIDE Press F5 and then
HTML Lesson 2.
The language of the internet
The language of the internet
Adding Text and links to your classes in PowerSchool
Presentation transcript:

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 introduction web page HTML = Hyper Text Makeup Language

The basic structure of HTML Write the information of web site Write the content of web site From to is all.

Practice 0 Start “Note Pad”.

Practice 1 Type The basic structure of HTML Save to your folder as the “index.html”

Practice 2 W click “index.html” in your folder  Display You can confirm white web site.

Practice 3 Type & add Self-Introduction Self-Introduction of your name Save! What is changing ?

Practice 4 Type & add from to ! The part of yellow is yours. … Self-Introduction My name Naoto Kurimoto My school TAKI high School Save! What is strange?

Practice 5 You need Type & add … Self-Introduction My name Naoto Kurimoto My school TAKI high School Save! What is changing?

Practice 6 You need to change the size & color of text Type & add … Self-Introduction My name Naoto Kurimoto My school TAKI high School Save! What is changing?

Practice 7 You need to center the text Type & add to center the text … Self-Introduction My name Naoto Kurimoto My school TAKI high School Save! What is changing?

Practice 8 You need to make the horizontal line Type & add to make the horizontal line … Self-Introduction My name Naoto Kurimoto My school TAKI high School Save! What is changing?

Break Please write your message of Self-Introduction Self-Introduction My name Naoto Kurimoto My school TAKI high School My message … …

Practice 9 You need to put the image data Type & add to put the image data … Self-Introduction My name Naoto Kurimoto My school TAKI high School My message … … Save! What is changing?

Practice 10 You need to make the link Type & add … to make the link … Self-Introduction My name Naoto Kurimoto My school TAKI high School My school Web Page Healthy food in Nepal My message … … Save! What is changing?