HTML Flashcards
Attributes?
ttributes are content added to the opening tag of an element and can be used in several different ways, from providing information to changing styling. Attributes are made up of the following two parts:
The name of the attribute The value of the attribute
<div>
<h1>Introduction</h1>
</div>
How to display text?
If you want to display text in HTML, you can use a paragraph or span:
Paragraphs (<p>) contain a block of plain text. <span> contains short pieces of text or other HTML. They are used to separate small pieces of content that are on the same line as other content. </span></p>
What is best practice how to use span?
It’s best to use a <span> element when you want to target a specific piece of content that is inline, or on the same line as other text. If you want to divide your content into blocks, it’s better to use a <div>.</div></span>
How to italicize?
<em></em>
How to bold?
<strong></strong>
Line Breaks
<br></br>
Unordered Lists
<ul> <li>Limes</li> <li>Tortillas</li> <li>Chicken</li> </ul>
Ordered Lists
Ordered lists (<ol>) are like unordered lists, except that each list item is numbered. They are useful when you need to list different steps in a process or rank items for first to last.
<ol>
<li>Preheat the oven to 350 degrees.</li>
<li>Mix whole wheat flour, baking soda, and salt.</li>
<li>Cream the butter, sugar in separate bowl.</li>
<li>Add eggs and vanilla extract to bowl.</li>
</ol>
</ol>
Add Images
The <img></img> tag allows you to add an image to a web page. Most elements require both opening and closing tags, but the <img></img> tag is a self-closing tag. Note that the end of the <img></img> tag has a forward slash /. Self-closing tags may include or omit the final slash — both will render properly.
<img></img>
The <img></img> tag has a required attribute called src. The src attribute must be set to the image’s source, or the location of the image. In this case, the value of src must be the uniform resource locator (URL) of the image. A URL is the web address or local address where a file is stored.
Image Alts
The alt attribute, which means alternative text, brings meaning to the images on our sites. The alt attribute can be added to the image tag just like the src attribute. The value of alt should be a description of the image.
<img></img>
The alt attribute also serves the following purposes:
If an image fails to load on a web page, a user can mouse over the area originally intended for the image and read a brief description of the image. This is made possible by the description you provide in the alt attribute. Visually impaired users often browse the web with the aid of screen reading software. When you include the alt attribute, the screen reading software can read the image’s description out loud to the visually impaired user. The alt attribute also plays a role in Search Engine Optimization (SEO), because search engines cannot “see” the images on websites as they crawl the internet. Having descriptive alt attributes can improve the ranking of your site.
Videos
Video not supported
document type declaration
The declaration looks like this:
This declaration is an instruction, and it must be the first line of code in your HTML document. It tells the browser what type of document to expect, along with what version of HTML is being used in the document. For now, the browser will correctly assume that the html in is referring to HTML5, as it is the current standard.
The Head
The element contains the metadata for a web page. Metadata is information about the page that isn’t displayed directly on the web page. Unlike the information inside of the tag, the metadata in the head is information about the page itself.
Page Titles
My Coding Journal
Linking to Other Web Pages
<a>This Is A Link To Wikipedia</a>
