Basic HTML and HTML5

Description

Conhecimento básico de HTML
Rafael Rodrigues
Flashcards by Rafael Rodrigues, updated more than 1 year ago
Rafael Rodrigues
Created by Rafael Rodrigues over 4 years ago
9
0

Resource summary

Question Answer
<h1> Level one heading
<p> Paragraph
<!-- and end with a --> Comment
<main> Helps search engines and other developers find the main content of your page
<img> Add a image
<img alt=""> alt attribute: used for screen readers to improve accessibility / displayed if the image fails to load
<img src=""> src attribute: used to point to a specific image's URL
When <img alt=""> is ok? If the image is purely decorative, using an empty alt attribute is a best practice
<a> Used to link to content outside of your web page
<a href=""> href attribute: destination web address
<a href="#id"> Used to create internal links to jump to different sections within a webpage
<a target=""> target attribute: specifies where to open the link
<a target="_blank"> _blank: usually open a new tab, but users can configure browsers to open a new window instead
<a target="_self"> _self: open in current browsing context (target default)
<a href="#"> Add <a> element to your website before you know where they will link.
<a href="link"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."></a> Turn an image into a link
<li> Represent an item in a list
<ol> Ordered list (displayed with an ascending counter on the left, such as a number or letter)
<ul> Unordered list (displayed using bullet points)
<menu> Menu (displayed using bullet points)
<input> Convenient way to get input from your user
<input type="text"> Text input from your user
<input type="text" placeholder=""> placeholder attribute: what is displayed in your input element before your user has inputted anything
<form> Used to build web forms that actually submit data to a server
<form action="URL"> action attribute: destination where the form wil be sent
<button type="submit"> Clicking this button will send the data from your form to the URL you specified with your form's action attribute
<input type="text" required> User will not be able to submit your form until he or she has filled them out
<input type="radio"> Buttons for questions where you want the user to only give you one answer out of multiple options.
<input type="radio" name=""> name attribute: All related radio buttons should have the same name attribute to create a radio button group.
for attribute: use a value that matches the value of the id attribute of the input element. This allows assistive technologies to create a linked relationship between the label and the child input element.
<input type="radio" value=""> If you omit the value attribute, the submitted form data uses the default value, which is on (not a best practice)
<input type="radio" name="a" checked> Set a checkbox or radio button to be checked by default
<div> General purpose container for other elements.
<head> Any markup with information about your page
<body> Any markup with the content of the page (what displays for a user)
<figcaption> Define a caption for a photo
<figure> Mark up a photo in a document
Show full summary Hide full summary

Similar

Programação
Prepara Palhoça
Mapa Mental - Algoritmos e Programação
Marcos Santos2025
Mapa Mental de Revisão de Algoritmos e Programação I
José Toniazzo
Linguagens de Programação
Lucas Miranda
PROGRAMAÇÃO
Guilherme Toniello
LINGUAGEM DE PROGRAMAÇÃO I
ailtonmidias
Lógica de Programação- Dados
Gabriela Alves
INTRODUÇÃO AOS PARADIGMAS DAS LINGUAGENS DE PROGRAMAÇÃO
cleversonsh
006A - Linguagem de Programação - C# - Fundamentos
Ethelberto Mello
Prova Linguagem de Programação 1 bimestre
Alexandre Nascimento
Algoritmos e Lógica de Programação
andriellicm