Download presentation
Presentation is loading. Please wait.
1
WJEC GCSE Computer Science
Unit 1 HTML
2
Objectives To be able to use the following HTML tags to create a simple webpage: HTML <html> Head <head> Title <title> Body <body> Headings <h1> - <h6> Paragraph <p> Italic <i> Bold <b> Underline <u> Centre align <center> Anchor <a href=”URL”> Unordered List <ul> List Item <li> Blockquote <blockquote> Horizontal Rule <hr> Image <img>
3
HTML HTML is an abbreviation of HyperText Markup Language and is one of the main programming languages used when creating web pages. HTML code consists of tags enclosed in angle brackets, < and >.
4
Why HTML is important as a standard for web page creation
Web standards, such as HTML, are important as the development of web pages is simplified as web programmers will be able to understand another developer’s code. It is also important for the end users of web pages as following standards ensures that different web browsers are able to display web pages in the way in which they were intended.
5
HTML Tags HTML tags commonly come in pairs, such as <html> and </html> or <b> and </b>. The first tag in a pair is called the opening tag and the second tag is called the closing tag. Between these tags programmers can add text, more tags, comments and other types of text-based content.
6
HTML Tags The purpose of a web browser, such as Internet Explorer, Google Chrome and Safari is to read HTML code and render it on screen. The browser does not display the HTML tags, but instead uses the tags to interpret the content of the page.
7
HTML Tags The text between the <html> and </html> tags describes the web page. The text between <body> and </body> tags includes the contents of the web page.
8
HTML Tags
9
HTML Tags Other tags include the <p> tag, which can have a closing tag of </p>. This is the paragraph tag which starts a new paragraph. When an element within a web page is hyperlinked, it is placed within the <a href=”url”> and </a> tags. For example, <a href=” will be displayed as WJEC.
10
Plain text HTML
11
Workbook Complete section 5 Q7
12
HTML Task A draft design for an HTML web page is shown below. The design was then improved using various HTML tags to provide the formatting and content shown below. Global and Local Variables WA Global Variable can be changed anywhere in the program, a local variable can only be changed by the function it is inside! Good Revision Websites computing.smestow.org BBC Bitesize Teach-ict.com Copy the text from the electronic answer document into a basic text editor. Insert the HTML tags that would be needed to display the content and formatting shown in the improved design. The image file you require is called smestow.jpg The page title should be set to Global and Local Variables Save your new web page as finalRevision.txt
Similar presentations
