Intro to Web Development Links

Slides:

Advertisements

Similar presentations

HTML Basic Lecture What is HTML? HTML (Hyper Text Markup Language) is a a standard markup language used for creating and publishing documents on.

Advertisements

Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.

Computer Science 1611 Internet & Web Creating Webpages Hypertext and the HTML Markup Language.

CM143 - Web Week 2 Basic HTML. Links and Image Tags.

Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,

Basics of HTML. Example Code Hello World Hello World This is a web page.

HTML Links and Anchors.

Today’s Topic Language of web page - HTML (Hypertext Markup Language)

Using HTML to Create a Basic Web Page… By Josh Gallagan.

Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.

All Web pages are written with some form of HTML (HyperText Markup Language). HTML documents are saved as Text Only files so virtually any computer can.

Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 

Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.

Basic HTML PowerPoint How Hyper Text Markup Language Works

HTML. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.

HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.

HTML: Hyptertext Markup Language Doman’s Sections.

Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.

McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.

Introduction to HTML. HTML Introduction HTML – Hypertext Markup Language are the instructions that tell a browser how to lay out the information (text,

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.

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.

Getting Started with HTML. HTML  Hyper Text Markup Language  HTML isn’t a program language, its known as a markup language  A Markup language has tags.

+ HTML Hypertext Markup Language. + Introducing HTML HTML is the language used in writing websites Open the “HTML Practice” link on the Daily Log Delete.

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.

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.

Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.

Creating Your 1 st Web Page. Tags Refers to anything between on a webpage Most appear in pairs surrounding content Some appear as empty tags (no closing.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.

HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.

Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.

HTML Structure & syntax

Introduction to HTML:.

HTML – The COMPUTING UNLOCKED GUIDE

Internet Exploration: HTML Basics

Lab Styling Tabs with CSS Scott Lydiard

Mansoor Ahmed Bughio.

Basic HTML PowerPoint How Hyper Text Markup Language Works

3.00cs HTML Overview 3.00cs Develop webpages.

Web Development & Design Foundations with HTML5 8th Edition

Intro to Web Development Class A Review

Internet Exploration: HTML Basics

Basic HTML PowerPoint How Hyper Text Markup Language Works

Week 6 - Presentation 2 Veronica Noone

HTML HYPERTEXT MARKUP LANGUAGE.

Basic HTML and Embed Codes

Web Design and Development

HTML 12/27/2018.

Intro to Web Development Nesting Elements

Intro to Web Development First Web Page

Intro to Web Development

Introduction to HTML5.

Enhancing Your Web Site—Adding Links Web Page

HTML Structure.

Intro to Web Development Homework Review

Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.

HTML – The COMPUTING UNLOCKED GUIDE

HTML & CSS 7 Languages in 7 Days.

Pertemuan 1 Desain web Pertemuan 1

The Most Basic HTML Page

The language of the internet

The language of the internet

HTML Structure & syntax

WJEC GCSE Computer Science

Hypertext Markup Language

Presentation transcript:

Intro to Web Development Links

Desktop Setup: Atom & Chrome (split screen)

Step 1: Visit ScottsDevelopers.com | HTML

Step 2: Get HTML5 Simple Template

Step 2: Get HTML5 Simple Template

Step 3: View Source Code In Chrome, ctrl-u ( )

Step 4: Copy Source Code In Chrome, ctrl-a, ctrl-c ( , )

Step 5: Startup Atom (Close any open panels)

Step 6: Create New File File > New

Step 7: Paste Text into Atom ctrl-v ( )

Step 8: Save to Desktop File > Save As With webpage name home.html

Step 9: Modify HTML Change web page title and page content: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title> Your Title Here </title> </head> <body> Your message here! </body> </html>

Step 9: Modify HTML

Step 10: Save and Test ctrl-s ( ) In Chrome:

Don't Close the File in Atom!

Step 11: Modify HTML

Step 10: Save As tuition.html (different file!) In Chrome:

Goal: "Link" between two Web Pages:

Clicking on something on a web page takes you to a different page! Hyperlinking: Clicking on something on a web page takes you to a different page!

Clicking on something on a web page takes you to a different page! Hyperlinking: Clicking on something on a web page takes you to a different page! Click Here

Hyperlinking: Click Here

Hyperlinking: Click Here

Hyperlinking: Hyperlink

Code

Two New HTML Elements

<a> is the "hyperlink" tag Two New HTML Elements <a> is the "hyperlink" tag

<a> is the "hyperlink" tag (used to be the "anchor" tag) Two New HTML Elements <a> is the "hyperlink" tag (used to be the "anchor" tag)

<a> Element <href> is the "hyperlink reference" attribute of the <a> tag

Add hyperlinks to both pages home.html tuition.html

Test

Hyperlinks

Hyperlinks

HyperText (links)

HyperText (links) Markup (tags)

HyperText (links) Markup (tags) Language