Skip to content

Latest commit

 

History

History
102 lines (63 loc) · 1.98 KB

File metadata and controls

102 lines (63 loc) · 1.98 KB

#Day 13#

##Jason##

http:// - hyper text transfer protocol

** packet switching technology?? ** servers?? codeup.dev is our server???

  1. GET request to server
  2. server gives response (HTML)

** frame sets??

###Definition lists### <dl></dl> - open definition list <dt></dt> - word <dd></dd> - definition

using correct html elements will help search engine optimization.

<hr> puts a line through the page in html.

like this ^

###Anchors

is an inline element (wrap it in a block element)

href - hyperlink reference

  • fires a GET request

<a href ="..." target="_blank"> - opens up a new tab (frowned upon.. don't do it)

<a id="..." ></a> and then <a href="#..."></a> will send you to the id,

###Images

<img> image <img src=""> tells it what image source to pull from. <img src="" alt=""> alt tells the page what the image is supposed to be in case of image fail.

hotlinking - pointing to an image that is not on my server. DON'T DO IT!!!!!!

##Ben

###Tables

Do not use tables for anything other than tabular data.

<table> - ......table duh <tr> - table row <th> - table header <td> - table data rowspan="(int)" - merges a number of rows together colspan="(int)" - merges a number of rows together

###Entities

  • less than = &lt;
  • greater than = &gt;
  • ampersand = &amp;

Forms

<form method="GET"> - takes input and puts it on the URL. (search engine?) <form method="POST"> - takes input. does not put it on the URL. (most common)

Matching up labels with input links them through a click

####Input

text - allows input to take text password - takes input and hides it checkbox - puts a checkbox.

####Action Tells the web browser where to send the information to.

####Types of Input

  • submit
  • text
  • password
  • checkbox
  • radio

####Value Sets a default value in your inputs

####Placeholder Sets a default value but it goes away when the input is clicked on.

####Autofocus Puts the cursor in the input specified with autofocus

Tab