Web programming Part 1: HTML 由 NordriDesign 提供 www.nordridesign.com.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

HTML Basics 1450 Technology Seminar Copyright 2003, Matthew Hottell.
1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A
HTML: HyperText Markup Language Hello World Welcome to the world!
WeB application development
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.
HTML / CSS – Basics Why the heck are we doing this?
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
1 HTML Markup language – coded text is converted into formatted text by a web browser. Big chart on pg. 16—39. Tags usually come in pairs like – data Some.
Introduction to HTML CPS470 Software Engineering Fall 1998.
Basic HTML UCR Webmasters Support Group Derk Adams.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.
CpSc 462/662: Database Management Systems (DBMS) (TEXNH Approach) HTML Basics James Wang.
Define html document byusing Example : Title of the document The content of the document......
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
HTML history, Tags, Element. HTML: HyperText Markup Language Hello World Welcome to the world!
Objectives: 1. Create a Skeleton HTML 2. View a Skeleton File Through a Server and Browser 3. Learn HTML Body Tags for the Display of Text and Graphics.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
1 HTML John Sum Institute of Technology Management National Chung Hsing University.
HTML (continued). Assignment 3 Creating a web page with:  Images  Hyperlinks to some websites  Hyperlinks to your  Information about a company,
Just Enough HTML How to Create Basic HTML Documents.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
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.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
CPT 499 Internet Skills for Educators Session Ten Class Notes.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
CS 111 – Oct. 4 Web design –HTML –Javascript Commitment: –This week, read sections 4.3 – 4.5.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
CS 330 Class 2: Programming Plan for Today Recap from last time More UNIX Begin HTML (material from Chapters 5-8) –Tags and attributes –Hyperlinks Features.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
Take Web Design Presurvey Username: First initial, last name For example, Omar Estrella -> oestrella Password: Same as.
Introduction to HTML C151 Multi-User Operating Systems.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
HTML: Hypertext Markup Language The language to make web pages 0.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Introduction to Hypertext Markup Language James H. Harrison, Jr., M.D., Ph.D. Center for Biomedical Informatics University of Pittsburgh Medical Center.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
HTML cancho. HTML HyperText Markup Language A set of HTML tags.
Create Your Own Web Page: An Introduction to HTML Instructor: Corey Johnson Assisted by: tba.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
HTML HyperText Markup Language. 1.Introduction  HTML is used to describe web pages.  HTML stands for Hyper Text Markup Language.  Tim Berners-Lee and.
HTML Basics Text, Images, Tables, Forms. HTML Structure HTML is comprised of “elements” and “tags” – Begins with and ends with Elements (tags) are nested.
Web Basics: HTML/CSS/JavaScript What are they?
S.Y.B.M.M. LECTURE SERIES - PART 2
HTML 12/27/2018.
What is HTML?.
HyperText Markup Language
Johan Ng and Muhammad Hazzry
WJEC GCSE Computer Science
Presentation transcript:

Web programming Part 1: HTML 由 NordriDesign 提供

Working environment create a subdirectory with somename in public_html in your web browser, follow the link

Start page create a file index.html in the directory with a following content My first page This is a text of my first page. show the file in the browser window using addresses: or

HTML document HTML = HyperText Markup Language <-- opening tag My first page This is a text of my first page. <-- closing tag

HTML document My first page content This is a text of my first page.

HTML document My first page <-- tag with a attribute in the form name="value"; there are also attributes consisting of the only name This is a text of my first page.

HTML document My first page This is a text of my first page. <-- a standalone tag, a tag without content This is some data below horizontal line.

HTML more detailed (a plan) Use a course material from webpage 1.controlling a look of the whole page 2.text elements: paragraphs, headers, divided blocks, line breaks 3.simple formatting: bold, italic, underline, a preformatted text, a programming code 4.lists: unordered and ordered 5.comments

HTML more more detailed 1.links 2.tables 3.images 4.frames 5.forms

Thank You !!!