23366162
Description
Flashcards by Rafael Rodrigues, updated more than 1 year ago
|
Created by Rafael Rodrigues
over 4 years ago
|
|
| 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 |
Want to create your own Flashcards for free with GoConqr? Learn more.