BASIC HTML CODING BY cHRIS JACKSON.

Slides:

Advertisements

Similar presentations

Introduction to Creating a Web Page using a Simple Text Editor (Notepad) 1  2004 Ecirp Studios

Advertisements

First change the design of your PowerPoint by clicking on the design tab above. Take a picture with your webcam and insert it here. Insert Tab>Picture>find.

Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.

WeB application development

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

Creating a Form on a Web Page

Creating a Form with Selection Menus The SELECT control creates a selection menu This control only allows the visitor to choose pre-defined choices There.

Tutorial … Creating a Website 1.Create Website folder and image folder 2. Put all images in your image folder 3.Open Notepad (Windows) or Open TextEdit.

Java Programming Working with TextPad. Using TextPad to Work with Java This text editor is designed for working with Java You can download a trial version.

Creating an HTML page Skills: edit and debug HTML pages IT concepts: text editor This work is licensed under a Creative Commons Attribution-Noncommercial-

Introduction to Education E-Portfolio. Word Document Example Link to Colleen McCabeColleen McCabe Word Document Instructions –Open a new word document.

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.

 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.

First change the design of your PowerPoint by clicking on the design tab above. Insert your self-portrait here. Add word art for your name below. Delete.

Did someone say Music? November 7, Adding MUSIC to a web page: 1. Find your music! 2. A good website is 3. You will.

HTML Links and Anchors.

Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.

Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.

1 Essential HTML coding By Fadi Safieddine (Week 2)

Introduction to HTML Today we will look at: Separating style and content The purpose of a text editor such as Notepad How web-pages are made Creating a.

HTML presentation Embedding Graphics in Web Pages n HTML uses an empty tag called the (image tag) n n n or n n n Note: all web production tools do insert.

HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.

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.

Hypertext Mark-Up Language Web Page Creation HTML.

Putting Applets into Web Pages.  Two things are involved in the process of putting applets onto web pages ◦ The.class files of the applet ◦ The html.

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.

HTML Concepts and Techniques Fourth Edition Project 7 Creating a Form on a Web Page.

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.

HTML Basics Let’s Make a Web Page. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a.

How to make tables in HTML By Daniel Arze. How do they do this?

CMA Workshop Image Links and Text Links on the Same Line in a Component.

HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.

1 Mapping Coordinates Find the x- and y- coordinates for the images, relative to the x-axis and y-axis In a coordinate pair, the first number is the x-coordinate.

Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.

Event Handling (the right way). A Simple Web Page Events - Summary The web page looks like this:

This shows CIS17 and the first day introduction..

Personal Identity Worksheet. 1. Make sure you are editing your assessment site. This is the ONLY site I will be grading.

HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,

BUILDING A WEB PAGE BASIC HTML CODING. We first open notepad to start to build our web page. We enter the code at the beginning. And then we write below.

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.

First change the design of your PowerPoint by clicking on the design tab above. Take a picture with the webcam, save it in your documents, then insert.

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 NOTES October 6, Starting a document and saving  Always use notepad  Use _ for spaces otherwise it won’t work  When saving make sure you.

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.

Web Scraping with Python and Selenium. What is Web Scraping?  Software technique for extracting info from websites Get information programmatically that.

1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.

How to build a Web Page or “The things geeks never told you!”

Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

How to create a web page using word …

Using the HTML and CSS Validation Services

Tutorial: How to Creat a Website.

Essentials of HTML.

Essentials of HTML.

Saving a .html file in NotePad

HTML HYPERTEXT MARKUP LANGUAGE.

All About Me First change the design of your PowerPoint by clicking on the design tab above. Add word art for your name below. Delete this text box.

A guide on using the Cool Math Graphing Calculator AND taking screenshots to insert into our office tools.

HTML Text editors and adding graphics

How to Make HTML and CSS Files Using Notepad++

HTML Structure.

Creating an Expense Report Goods and Services

All About Me First change the design of your PowerPoint by clicking on the design tab above. Take a picture with your webcam and copy/paste your picture.

All About Me First change the design of your PowerPoint by clicking on the design tab above. Insert your self-portrait here. Add word art for your name.

HTML Introduction.

Presentation transcript:

BASIC HTML CODING BY cHRIS JACKSON

BASIC HTML CODING First thing is that we need to open up a text editing program. On our PC compuuters you will need to open up Notepad You will need to get there by clicking on the start button then all programs. Next you will need to click accessories and finally notepad.

BASIC HTML CODING Paired tags Example of paired tags: <HTML></HTML> It has a beginning <HTML> and end </HTML> Remember if you start a paired tag you MUST end the paired tag.

BASIC HTML CODING Watch this presentation so that you can see how simple it is to create a simple web page. BASIC HTML CODING

Basic html coding Now that we have an idea of what to do let's create a Personal web page containing the following information: FAVORITE FOOD, FAVORITE HOBBY, FAVORITE HOBBY, FAVORITE MUSIC, FAVORITE VACATION SPOT. REMEMBER ONCE YOU HAVE FINISHED MAKE SURE THAT YOU SAVE IT AS AN ".HTML" FILE.