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

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 Customizing your site using the basics of HTML.
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.
HTML popo.
HTML.
MASTERY OBJECTIVE: Learn parts of an html document Learn basic html tags HTML-An Introduction.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Web Program Development1 February 23, 2011 HTML Web Page Development Debbie Bartlett February 23, 2011.
Basics of HTML.
HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.
Define html document byusing Example : Title of the document The content of the document......
Cascading Style Sheets (CSS) 1.  What is CSS?  Why CSS?  How to write a CSS? 2.
HTML Tags Basic Tags Doctype or HTML Head Title Body Use the website to find the definitions
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.
Using Cascading Style Sheet As you create more web pages, you may wish to impose a consistent look for all of your web pages or for group of related pages.
CSS CSS is short for C ascading S tyle S heets. It is a new web page layout method that has been added to HTML to give web developers more control over.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
Scripting Language A scripting language or script language is a programming language that supports the writing of scripts. The term script is typically.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
HTML: Hyptertext Markup Language Doman’s Sections.
META tag META tag is the element in the HTML that interacts with the search engines. It’s contain 2 attributes that should always be used: NAME: is an.
1 Web Application Programming Presented by: Mehwish Shafiq.
U NDERSTAND THE W EB AND D IGITAL C OMMUNICATIONS P ATHWAY 4.02 U NDERSTAND HOW W EBPAGES ARE CREATED AND USED.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
Jozef Goetz, STEM Summer Camp Dr. Jozef Goetz.
Ch 13 HTML and CSS Web Standards Solutions A Web Standardistas’ Approach.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
CSS Cascading Style Sheets A very brief introduction CSS, Cascading Style Sheets1.
Introduction to HTML UWWD. Agenda What do you need? What do you need? What are HTML, CSS, and tags? What are HTML, CSS, and tags? html, head, and body.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
External Style Sheets Exploring Computer Science – Lesson 3-6.
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand advanced production methods for web-based digital media.
Unit 5 The Web Book Test. Unit 5 Test The Web Book Test 1. On the bottom of page 46, why is writing web pages not like writing printed documents ?
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.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
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.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
What is CSS? A set of style rules that tell the web browser how to present a web page or document. – In earlier versions of HTML, style characteristics,
1 Cascading Style Sheet (CSS). 2 Cascading Style Sheets (CSS)  a style defines the appearance of a document element. o E.g., font size, font color etc…
Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.
Web Basics: HTML/CSS/JavaScript What are they?
HTML – The COMPUTING UNLOCKED GUIDE
Objective % Select and utilize tools to design and develop websites.
IGEM Wiki Workshop 11/05/2017.
Key concepts of Computing
AN INTRODUCTORY LESSON TO MAKING A SIMPLE WEB PAGE By: RC Emily Solis
Intro to CSS CS 1150 Fall 2016.
Objective % Select and utilize tools to design and develop websites.
Intro to CSS CS 1150 Spring 2017.
TOPICS Chrome Dev Tools Process for Building a Static Website
HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page
Digital Design – Copyright Law
Intro to Web Development Links
HTML Links.
Introduction to HTML5.
Pertemuan 1b
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Computer communications
HTML – The COMPUTING UNLOCKED GUIDE
HTML & CSS 7 Languages in 7 Days.
The Most Basic HTML Page
HTML and CSS Basics.
Creating your website and learning HTML
Presentation transcript:

Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the particular style is used for many pages. This is the cascading style sheet that can change the content and layout of the whole website with just one file. The tag is used to link the style sheet and is located in the section. A tag is a HTML code used to provide web browsers and search engines with information (called metadata). As you can see in the screenshot, the first meta data provided on the webpage is Beas of Bloomsbury| The Best American Style Cakes, Cupcakes and Afternoon Tea in London. It is also under the tag. Print screen of webpage Print screen of source code This tag is used to specify the relationship between a document and an external source on a webpage, commonly style sheets. This element also has to be under the tag. Simply, the is used to divide the document into sections. This is also used alongside cascading style sheets to create the layout of a webpage. The tag holds all of the head elements, such as but also includes other elements beneath it, such as and. The tag, obviously defines what will appear on the document’s body. It contains all of the HTML contents i.e. text, hyperlinks, images etc. The tag holds all of the head elements, such as but also includes other elements beneath it, such as and. The tag, obviously defines what will appear on the document’s body. It contains all of the HTML contents i.e. text, hyperlinks, images etc. The tag on this webpage is JavaScript. This means that JavaScript is used alongside HTML to create this document. Typically, JavaScript is used to add functionality and interactivity. The src attribute is part of the element and directs to an external script file. The tag (or root element) specifies that this is a HTML document. contains all of the HTML elements on the webpage if is not present.

Source of website: Print screen of webpage The tag quite simply contains the title of the webpage within it. It also ends with a closed tag as you can see here. <script type=“text/javascript” “stylesheet” type= “text/css”

Source of website: Print screen of webpage <script type=“text/javascript” As this is a website for a very popular film franchise, Javascript is used to enhance interactivity. “stylesheet” type= “text/css”