Internet Exploration: HTML Basics

Slides:



Advertisements
Similar presentations
Introduction to HTML
Advertisements

HTML Basics Customizing your site using the basics of HTML.
HTML. The World Wide Web Protocols Addresses HTML.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.
Creating a web page Lab Assignment Goal Create a simple web page Create the file: inclass.txt in your www directory. Do you remember how to get to your.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.
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.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.
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.
Creating Your First Web Page – Topic: Creating a wiki, blog, image blog and podcast Click Arrow - Next Slide 1.
Web programming Part 1: HTML 由 NordriDesign 提供
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-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
HTML 17 HTML 17. HTML 17 HTML is the language for making webpages Hypertext Markup Language You need to know the basics Questions about HTML are common.
Introduction to HTML (Web Design) IT Fundamentals.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Objectives At the end of this session students will: Define the following terms in two sentences or less Website Web page Browser Html URL Hyperlink Explain.
Week 1: Introduction to HTML and Web Design
What you can see in the picture?
INTRO TO WEB DEVELOPMENT html
Introduction to HTML.
Web Basics: HTML/CSS/JavaScript What are they?
HTML – The COMPUTING UNLOCKED GUIDE
Internet Exploration: HTML Basics
XHTML/CSS Week 1.
Introduction to basic HTML
Elements of HTML Web Design – Sec 3-2
Elements of HTML Web Design – Sec 3-2
HTML GUIDE Press F5 and then
Concepts of HTML, CSS and Javascript
INTRODUCTION TO HTML AND CSS
Basic HTML PowerPoint How Hyper Text Markup Language Works
INSTRUCTIONS This presentation was designed to first be viewed in class with the instructor. Students may then view it on their workstations while trying.
HTML Formatting.
S.Y.B.M.M. LECTURE SERIES - PART 2
Elements of HTML Web Design – Sec 3-2
My web site..
Practice: first_document.html
Introduction to Web & HTML
Basic HTML PowerPoint How Hyper Text Markup Language Works
Web Design and Development
מבנה בסיסי של מסמך html מסמך ב- html מורכב מתגיות.
HTML HYPERTEXT MARKUP LANGUAGE.
Introduction to Web & HTML
HTML 12/27/2018.
Web Programming Language
What is HTML anyway? HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Intro to Web Development Links
Creating a web page Auxiliary Lab Lecture
INTRODUCTION TO HTML AND CSS
WEB PUBLISHING 2/19/2019 JIPRA ICT DEPARTMENT
Basic HTML Workshop.
HTML – The COMPUTING UNLOCKED GUIDE
CIS 133 mashup Javascript, jQuery and XML
HyperText Markup Language
The Most Basic HTML Page
The language of the internet
Creating a web page.
The language of the internet
WJEC GCSE Computer Science
Hypertext Markup Language
Web Programming and Design
HTTP and HTML HTML HTTP HTTP – Standardize the packaging
Lesson 3: Organizing your material
Presentation transcript:

Internet Exploration: HTML Basics Computer Information Technology – Section 3-4

HTML – The Language of the Internet Objectives: The Student will: Look at HTML Understand the basic HTML tags Create a brief web page

HTML HTML (hypertext markup language) is the language that is used to create pages for the web. You can view the source for a web page by clicking View -> Source

HTML Tags HTML tags guide how the web page looks. There are beginning and ending tags

HTML Tags Tag Description <html>…</html> Begin and End an HTML document <head>…</head> The header section of the document, which contains information about the page. This is not displayed to the user. Contains meta tags. <title>…</title> Define a document title. This element is required in every HTML document. <body>…</body> Defines the body section of the document, which contains the content to be displayed on the page. <center>…</center> Marks text to be centered <p>…</p> Creates a paragraph, perhaps the most common block level element. <h1>…</h1> <h2>…</h2> Section headings at different levels. <ol>…</ol> and <ul>…</ul> Creates a list OL is numbered list and UL is a bullet list <li>…</li> Creates a list item in ordered and unordered lists. <a href="URL"></a> Creates a link to another site

Creating a Web Page Open Notepad++ and enter this text:

Creating a Web Page Add this text:

Creating a Web Page Save the file in your My Documents directory as myfirsthtml.html Open IE Explorer Click on File -> Open Click on Browse Find your file and click Open Answer OK to the question and you should see your webpage.

Summary HTML is the language of the web HTML tags control how pages are displayed. Each HTML tag has a beginning and an ending tag

Rest of Today Complete your web page and show me the results on the screen. Complete the day with Mavis Beacon…