Information and Communication Technology (9-1) - 0983 CIE

Create A Web Page

Visão Geral

The content layer of a web page is written in HTML, and building it is a bit like assembling a document from labelled building blocks. Every heading, paragraph, list, table, image and link is wrapped in tags that tell the browser what each piece is. Get the structure right and the browser knows exactly how to organise your page, search engines can read it, and your styling later has clean elements to work with.

In this lesson you will learn the skeleton every page shares, the difference between the head and body sections, and the tags for headings, paragraphs, lists, tables, images and hyperlinks. You will meet metatags that tell the browser and search engines about the page, bookmarks and anchors for jumping around, and the important rule about using relative rather than absolute file paths for local links.

Objetivos

  1. Use HTML in the content layer.
  2. Create the content layer of a web page Place appropriate elements in the head section of a web page including: • insert a page title to display in the browser • attach external stylesheets (with the correct hierarchy, using a relative file path) • metatags to use the appropriate attributes including to define the charset, name attributes (description, keywords, author, viewport), content attributes • default target windows Place appropriate content in the body section of a web page Insert a table including table header, table rows, table data Use appropriate table attributes to meet the needs of the audience including to adjust cells to span more than one row or column, to set table and cell sizes in terms of pixels or % values, to apply styles to tables Insert appropriate objects into a web page including text, images, sound clips, video (display controls, remove controls, autoplay), to adjust image or video size, aspect ratio and apply alternate text Use the <div> tag including to apply styles and classes Apply tags to text within a web page to display pre- defined styles including h1, h2, h3, p, li Apply classes to elements within a web page Apply styles to elements within a web page including to a list (ordered list, unordered list) Create a bookmark within a web page using an id attribute Create hyperlinks from text and images to: • bookmarks on the same page • other locally stored web pages • a website using the URL • send mail to a specified email address • to open in a specified location (the same window, a new window, with a window named as specified).
  3. The use of HTML in the content layer.
  4. Purpose of the head and body sections of a web page The reason tables are used to structure elements within a web page Function of metatags including to define: the charset, keywords for search engines, the author of the web page, a description of the web page, the viewport (to make your web page display on all devices) Function of a hyperlink Concept of a bookmark including methods of creating a bookmark within a web page Function of an anchor Relative file path and absolute file path including the reason absolute file paths must not be used for hyperlinks to locally saved web pages/objects.

Nota de Aula

HTML is the foundation the whole page rests on. Clean, correct structure is what lets the browser display the page properly, lets search engines list it, and gives your CSS sensible elements to style. In the practical papers you create the content layer to a precise specification, so knowing the right tag for each job, and the rules around paths and metatags, is exactly what earns the marks.

Disponível na aplicação Green Bridge

Transfira a aplicação Green Bridge CBT para o seu telemóvel ou computador para aceder a notas de aula completas, questões de prática e muito mais.

Notas de aula completas com diagramas
Assistente de aprendizagem com IA
Estude offline, a qualquer hora e em qualquer lugar
Disponível para Android, Windows, macOS e Linux

Avaliação da Lição

Parabéns por concluir a lição em Create A Web Page. Agora que você explorou o conceitos e ideias-chave, é hora de colocar seu conhecimento à prova. Esta seção oferece uma variedade de práticas perguntas destinadas a reforçar sua compreensão e ajudá-lo a avaliar sua compreensão do material.

Irá encontrar uma mistura de tipos de perguntas, incluindo perguntas de escolha múltipla, perguntas de resposta curta e perguntas de redação. Cada pergunta é cuidadosamente elaborada para avaliar diferentes aspetos do seu conhecimento e competências de pensamento crítico.

Use esta secção de avaliação como uma oportunidade para reforçar a tua compreensão do tema e identificar quaisquer áreas onde possas precisar de estudo adicional. Não te deixes desencorajar pelos desafios que encontrares; em vez disso, vê-os como oportunidades de crescimento e melhoria.

  1. Which tag is used for the most important heading on a web page? A.

    B.

    C.

    D. Answer: C

  2. Which attribute makes a table cell span two columns? A. rowspan="2" B. colspan="2" C. width="2" D. span="2" Answer: B
  3. Which section of a web page holds the title and metatags? A. The body section B. The footer C. The head section D. The div Answer: C
  4. Which markup creates a hyperlink to send an email? A. B. C. D. Answer: B
  5. Local links to your own pages and images should use: A. An absolute file path B. A relative file path C. A full URL D. A bookmark only Answer: B

Disponível na aplicação Green Bridge

Transfira a aplicação Green Bridge CBT para o seu telemóvel ou computador para aceder a notas de aula completas, questões de prática e muito mais.

Notas de aula completas com diagramas
Assistente de aprendizagem com IA
Estude offline, a qualquer hora e em qualquer lugar
Disponível para Android, Windows, macOS e Linux

Pratique Questões Simuladas

Quer praticar questões simuladas sobre Create A Web Page? Descarregue a aplicação Green Bridge CBT para aceder a questões simuladas e avaliações completas sobre este tópico.

Descarregar a aplicação na Google Play Store

Tudo o que precisas para te destacares no JAMB, WAEC e NECO.

Green Bridge CBT Mobile App
Assistente de Chat de Aprendizagem Personalizada com IA
Milhares de Questões de Exames Anteriores do JAMB, WAEC e NECO
Mais de 1200 Notas de Aula
Suporte Offline - Aprenda a Qualquer Hora, em Qualquer Lugar
Horário da Ponte Verde
Resumos de Literatura & Possíveis Perguntas
Acompanhe o Seu Desempenho e Progresso
Explicações Detalhadas para uma Aprendizagem Abrangente