Basic Concepts Flashcards
Review the basics of HTML
Set the language?
< html lang=”en” >
Set up overall settings for a document?
< head > </ head >
Sets character set?
< meta charset=”utf-8” >
Set title for tab in explorer?
My Page
< link rel=”stylesheet” href=”Smells Like Bakin/css/normalize.css” type=”text/css” media=”screen” >
EXTERNAL: the “link rel” are links to other types of files used. Order specific.
Allows you to script in another language
< script type=”text/javascript” > </ script >
< style type=”text/css” > < /style >
INTERNAL: below style type is a mock up type of CSS not for permanent use
Body tag contains the main body of text used throughout the webpage
< body >
Headline tag - six different levels of headline tag
<h1> <h2> ...
</h2></h1>
Paragraph Text
<p>
</p>
Emphasis on encompassed text
<em></em>
Have a horizontal line ruler
<hr></hr>
<blockquote>
</blockquote>
Citation of quote used
Set a break
<br></br>
Preformatted text
<pre>
</pre>
Let user know that the line is code
<code></code>
Sets address in italics
<address>
</address>
Only have a break in URL if not enough space
< wbr >
Ordered and Unordered lists
<ol> <ul>
</ul></ol>
Definition Lists, Definition Titles and Definition descriptions
<dl> <dt>Video Pros</dt> <dd>Jon</dd> <dd>Tom</dd> <dt>Teachers</dt> <dd>Bob</dd> </dl>
<a>My Link</a>
<br></br>
<a>Go Back</a>
- ANCHOR TAGS: creating links
- id gives identifier, while href gives a reference of where to go
- can also use URLs in href
<p>Here are some flowers</p>
<img src="flowers.jpg" alt="Flowers blooming in the warm sunlight" title="Flowers blooming in the warm sunlight">
<p>Aren't they nice?</p>
Images
< iframe width=”300” height=”300” src=”anotherpage.html” > < /iframe >
Frame that has another webpage insert
< thead > < tfoot > < tr > < td > < th >
TABLES: tr: table row. td: table data. th: table headers
