n5 computing science html
TRANSCRIPT
![Page 1: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/1.jpg)
![Page 2: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/2.jpg)
HTMLHTML is a computer language used to describe what is to appear on a web page.
HTML stands for Hyper Text Markup Language.
You can view the HTML that makes up any web page by right-clicking on the pages and selecting view source.
![Page 3: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/3.jpg)
HTMLThis is a sample HTML page
![Page 4: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/4.jpg)
Head and BodyAn HTML document is split into:head element (not displayed on the web page)body element (displayed on the web page)
![Page 5: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/5.jpg)
Elements and TagsAn HTML page is made up of elements.Each element has a start tag and an end tag with content in between
![Page 6: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/6.jpg)
Elements and TagsAn HTML page is made up of elements.Each element has a start tag and an end tag with content in between
![Page 7: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/7.jpg)
Elements and TagsAn HTML page is made up of elements.Each element has a start tag and an end tag with content in between
![Page 8: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/8.jpg)
AttributesElements can also contain attributes. These provide additional information about the element.
The <img> tag below uses attributes to provide more information about the image element:src – the source file location and namewidth – the width the image should be displayed atheight – the height the image should be displayed at
![Page 9: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/9.jpg)
HTMLHeading tag<h1> to <h6><h1> largest heading, <h6> smallestSearch engines will use headings to index the web page
![Page 10: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/10.jpg)
HTMLParagraph tag<p> defines a new paragraph
Line break tag<br> used to define a line break
![Page 11: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/11.jpg)
HTMLBold tag<b> defines bold text
Italics tag<i> defines italic text
![Page 12: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/12.jpg)
HTMLHyperlinksThe world wide web is built around the concept of hyperlinks, an idea conceived by Sir Tim Berners Lee in 1989.Hyperlinks allow the user to navigate from one web page to another.The <a> tag defines a hyperlinkThe href attribute defines the target web page
The content will be shown as a hyperlink
![Page 13: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/13.jpg)
HTMLExternal hyperlinksAn external hyperlink links to a page on another website
Internal hyperlinksAn internal hyperlink links to a page on the same website
![Page 14: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/14.jpg)
HTMLAnchorThe anchor element tag is <a>. It can be used with a hyperlink, a link to another part of the page or even a link to an email.
![Page 15: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/15.jpg)
HTMLImagesThe <img> tag is used to define an imageUse the src attribute to set the image file location and nameUse the width attribute to set the image widthUse the height attribute to set the image heightUse the alt attribute to provide alternate text for an imageThe alt text will be displayed if the image could not be loadedThe alt text can be read by an image reader (accessibility)
![Page 16: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/16.jpg)
HTMLImages as hyperlinksAn image can be used as a hyperlinkUse the <a> tag with href attribute to set up the linkUse the image element as content
![Page 17: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/17.jpg)
HTMLListsHTML can be either ordered (e.g. numbered items) or unordered (e.g. bulleted items)The <ol> tag defines an ordered listThe <ul> tag defines an unordered listThe <li> tag defines a list itemThe type attribute can be used with an ordered list to define the list marker (e.g. numbers, letters, Roman numerals)The style attribute can be used with an unordered list to define the list marker (e.g. bullets, circles, squares)
![Page 18: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/18.jpg)
HTMLLists
![Page 19: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/19.jpg)
HTMLdivThe <div> tag defines a division or a section in an HTML document.The <div> tag is used to group block-elements to format them with CSS.
![Page 20: N5 Computing Science HTML](https://reader031.vdocuments.us/reader031/viewer/2022022415/5a64d14f7f8b9ac21c8b6613/html5/thumbnails/20.jpg)
HTMLAudio and videoThe HTML5 <video> and <audio> elements specify a standard ways to embed a video and audio in a web page.