<TAG> <html> <head>

Slides:



Advertisements
Similar presentations
Introduction to HTML Lists, Images, and Links. Before We Begin Save another file in Notepad Save another file in Notepad Open your HTML, then do File>Save.
Advertisements

Introduction to HTML II Shih-Heng Chin. Preface Structure of a HTML File Elements used frequently Tables.
HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.
Creating your Webpage with tables. This is a 2 column by 1 row table!
Using images with XHTML Please use speaker notes for additional information!
Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –
Images in HTML PowerPoint How images are used in HTML.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Add an Image. index.html about.html contact. html contact. html.
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
Georgia Institute of Technology Making Text for the Web Barb Ericson Georgia Institute of Technology March 2006.
HTML. Adding Background Color The bgcolor attribute lets you change the background color of the Web page. Located in the body tag See common Web Page.
Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
HTML BASICS Why can we see images and text, hear sounds, and view video files on the Web? The browser and a language called HTML are largely responsible.
Adding Images to Your Web Page Web Design Section 5-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Week 2: Building a Simple Website IMC 320 Web Publishing Spring 2011.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
G053: Lecture 16a Task D Evidence Mr C Johnston ICT Teacher
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.
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.
Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho.
Web Page Design Mr. Gironda
CSE 102 Introduction to Web Design and Programming
Html.
HTML Basics.
Introduction to HTML:.
HTML basics
HTML 2.
Survey of Computer Science CSCI 110, Spring 2011 Lecture 23 HTML
Images in HTML PowerPoint How images are used in HTML
Elements of HTML Web Design – Sec 3-2
>> HTML: Tables.
Elements of HTML Web Design – Sec 3-2
HTML.
HTML GUIDE Press F5 and then
Intro to HTML Mr. Singh.
From now on you are the Creator,
Digital Media Technology Seminar 2 – 20 September 2016
Hosted by Coach Slanina
Today’s topics Networks & the Internet Basic HTML
Setting your website out using a table
Writing html for websites and blogs
Elements of HTML Web Design – Sec 3-2
Web Design and Development
Adding Images to Your Web Page
COMPUTING FUNDAMENTALS
Chapter 3 Images.
Essentials of HTML.
HTML.
Essentials of Web Pages
Essentials of HTML.
Graphics (Characteristics 1)
مقدمة عن الإنترنت وفهم لغة HTML
Creating Web Pages with Links, Images, and Formatted Text
5.2.3 Be able to use HTML and CSS to construct web pages
Basic HTML and Embed Codes
Web Design and Development
LING 408/508: Computational Techniques for Linguists
Web Programming Language
Websites lesson 5.
Nerd Website HTML.
Pertemuan 1b
HTML Text editors and adding graphics
HTML & CSS 7 Languages in 7 Days.
Hyperlinks, Images, Comments, and More…
Images in HTML PowerPoint How images are used in HTML
Presentation transcript:

<TAG> <html> <head> <title>My webpage!</title> </head> <body> </body> </html>

<TAGs> </TAGs> <strong> Your name </strong> <h1> HAPPY NEW YEAR </h1> <h2> HAPPY NEW YEAR </h2> <h3> HAPPY NEW YEAR </h3> <h4> HAPPY NEW YEAR </h4> <h5> HAPPY NEW YEAR </h5>

<br> Something about your self <br> <p> Something about your self </p>

http://www.w3schools.com/html/html_colors.asp HTML Colors <u> <em> <body bgcolor="#c000000" text="000ffcc"> <h1><font color=#fffccc00>hello</font></h1> http://www.w3schools.com/html/html_colors.asp

Adding sound and images to your webpage using HTML. This works much better with the <tb> TAG, Insert your images, sound and video into Tables you have set up in HLML. You must have a table in which to insert the HTML code on your page.

Table <TAG> <table width="50%" border="1" height="40%"> <tr> <td><h1>How are you today</h1></tb> </tr> </table>

Image <TAG> <img src="banksey style5.jpg" style="width:304px;height:228px;"> <img src ="APS.jpg“style width="366" height="84"> This will call the picture and the JPEG Name of the image makes sure it is in the same folder as you coded page.

sound <TAG> <embed src =“music.mp3" width="366" height="84" controls> <embed height="50" width="100" src="01.mp3" controls"> <a href = “music.mp3">SOUNDS</a></td> Give the file a simple file ext that you can remember, make sure it is in the same folder as you coded page.