<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
XHTML 1.0 strict
“http://www.w3.org/TR/html4/loose.dtd>
xhtml11/DTD/xhtml1/DTD/xhtml1-strict.dtd”>
http://www.headfirstlabs.com/books/hthtml/)
<html xmlns – http://www.w3.org/1999/xhtml lang=”en” xml:lang=”en”>
<head>
<meta http-equiv = “Content-Type” content=”text/html;charset=ISO-8859-1″>
<title>
</title>
</head>
<body bgcolor = “tan” text = “black”>
<h1>_</h1>
<img src= ../images/drinks.gif”>
<p>
<font face=”arial”>_</font>
<a href = “elixir.html#chai”>
<br/>
<a href=”http://buzz.headfirstlabs.com“> elixirs </a> CB </a>
<em>_</em>
</p>
<h2> <a id=”chai”>Chai Tea</a> </h2>
<p class = “greentea”> <blockquote> <q></q>
<p align = right>
<center><font size=”small”>_</font></center> </blockquote> <br>
</p>
</body>
</html>
<p id = “houseblend”>
</p>
<style type = “text/css“>
body {background-color: #eaf3da}
</style>
<link type= “text/css” rel= “stylesheet” href= lounge.css”/>
body{
backgroundcolor: #d2b48c;
margin-left: 20%;
margin-right: 20%;
border: 1px dotted gray;
padding: 10px 10px 10px 10px;
font-family: sans-serif;
}
<a href=”..lounge.html”>_</a>
(
Outside par.
<ol> <ol>
<li> </li> <li>
</ol> <ul>
<li>_</li>
</ul>
</li>
</ol>
Symbols: http://www.w3schools.com/tags/ref.entities.asp
http://www.unicode.org/charts/
<a target=”_blank” href=http://buzz.headfirstlabs.com title = “_”> _ </a>
<img src = http://www.headfirstlabs.com/trivia/pencil.gif alt=”Pencil line”/>
<img src = ” images/drinks.gif” width=”48″ height = “100″>
CSS with HTML
<style type = “text/css”>
</style>
p {
background-color: red;
border: 1 px solid gray;
}
h1,h2 {
font-family: sans-serif;
color: gray;
border-bottom: 1 px solid black;
}
p. greentea {
color: green;
}
body { h2 130% h1 170%
font-size: small 14px;
}
body {
color: silver;
}
body {
font-weight: bold;
}
body {
text-decoration underline;
}
body {
font-family: Verdana, Geneva, Arial, sans-serif;
}
body {
background-color: silver;
}
body {
background-color: rgb (80%, 40%, 0%);
}
body {
background-color: rgb (204, 102, 0)
#cc6600
}
h1, h2 { font-weight: normal;
color: #cc6600;
text-decoration: underline;
border-bottom: thin deleted #888888;
}
em {
text-decoration: line-through:
}
em {
text-decoration: name;
}
body {
font-size: small;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
line-height: 1.6 em;
<p class= “guarantee”>
</p>
.guarantee {
line-height: 1.9 em;
font-style: italic;
font-family: Gorgia, Times, Serif;
color: #444444;
border-color: black;
border-width: 1 px;
border-style: solid;
background-color: #a7eece;
padding: 25 px padding-left: 80 px;
margin: 30 px; margin-right: 250 px;
background-image: url (images/background.gif);
background-repeat: no-repeat;
background-position: top left;
class selector: .guarantee
id selector: 3guarantee
p id = “footer”>_</p>
# footer {
color: red;
clear: right;
}
<link type = “text/css” href= “lounge.css” rel=”stylesheet” media=”print”/>
media=handheld
#elixirs
a: link {
color: green;
}
#elixirs
a: visited {
color: red:
}
# elixirs
a: hover {
color: yellow;
}
<li> <span class=”cd”>_</span>
<span class=”artist”>_</span></li>
# amazing {
width: 200 ox;
}
# sidebar { position: absolute: /fixed
left: -90px;
width: 280 px;
float: right;
}
# all content {
margin-left:auto;
margin-right:auto;
}
Tables
<table summary = “_”>
<caption>
</caption>
<tr>
<th>_</th>
</tr>
<tr>
<td rowspan = “2″>_</td>
</tr>
</table>
Style table:
body {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: small;
}
h1, h2 {
font-weight: normal;
color: #cc6600;
border-bottom: thin dotted # 888888;
}
h1 {
font-size: 170%
}
h2 {_
font-size: 130%;
}
blockquote {
font-style: italic;
}
table {
margin-left: 20 px;
margin-right: 20 px;
border: thin solid black;
caption-side: bottom;
border-collapse: collapse;
border-spacing:0px;
}
td, th {
border: thin dotted gray;
padding: 5px;
}
caption {
font-style: italic;
padding-top: 8px;
}
th {
background-color: #cc6600;
}
.cellcolor {
background-color: #fcba7a;
[Add class = "cellcolor" to each <tr>]
<td class = “center”>_</td>
<table>
<tr>
<th>_</th>
<td>_</td>
</tr>
<tr>
<th>_</th>
<td>_</td>
</tr>
</table>
</td>
</tr>
List style type
li {
list-style-type: disc;
}
li {
list-style-type: circle;
}
li {
list-style-type: square;
}
li {
list-style-type: none;
}
Custom maker
li {
list-style-image: url (images/backpack.gif);
padding-top: 5px;
margin-left: 20 px;
}
Forms
<form action=”http://www.headfirstlabs.com/contest.php” method= “POST”>
<p>_<br/>
First name: <input type=”text” name=”firstname” value=” ” /> <br />
Last name: <input typr= “text” name=”lastname”
value=” ” /> <br /> radio checkbox
<input type = “submit”/>
</p>
</form>
Entering 1 line text
<input type=”text” name=”fullname”
textarea to type into
<textarea name=”comment” rows=”10″ cols=”48″></textarea>
Select
<select name=”characters”>
<option value=”B” > BB </option>
</select>
Form action:
<form action= http://www.starbuzzcafe.com/processorder.php method=”POST”>
</form>
<form action = “http://www.starbuzzcoffee.com/processorder.php” method=”GET”>
More selectors
Pseudo-elements
p: first-letter {
font-size: 3em;
}
p: first-line {
font-style: italic;
}
Attribute selectors
img [width} {border: black thin solid;}
img [height = "300"] {border: red thin solid;}
image [alt="flowers"] {border:#ccc thin solid;}
Selecting by settings
h1 +p {
font-style: italic;
}
Combining selectors
.blueberry p {color: purple;}
div # greentea > blockquote
div # greentea > blockquote p
div # greentea > blockquote p:first-line
{font-style:italic;}
Frames
<frameset rows = “30%, *, 20%>
<frame name = “header” src = “header.html”/>
<frame name=”content” src=”content.html”/>
<frame name=”footer” src=”footer,html’/>
</framset>
Target names with <a> elements
<a href = “newpage.html” target=”content”>_</a>
Place frame in page
<i frame name = “innlinecontent” src= “newcontent.html”
width=”500″ height=”200″/>
HTML
<!DOCSTYLE html PUBLIC “-//W3C//DTD HTML
4.01 Frameset/EN”
“http://www.w3.org/TR/html4/frameset.dtd>
XHTML
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
Frameset/EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd:>
Multimedia & flash
<object> + <embed>
<object classid=”clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B”
codebase=http://www.apple.com/qtactivex/qtplugin.cab
height=”200″
width=”300″>
<param name= “src” value = “buckaroo.mov”>
<param name=”autoplay” value= “true”>
<param name=”controller” value=”true”>
<embed height = “200″
width = “300″
src = “buckaroo.mov”
pluginspage = http://www.apple.com/quicktime/download/
type = “video/quicktime”
controller = “true”
autoplay = “true” > Sorry your browser does not support this movie type </embed>
</object>
Tools for creating webpages
- Macromedia Dreamweaver
- Adobe GoLiver
- Microsoft FrontPage
- GNY Emacs (open source)
Client side scripting
<script type = “text/javascript”>
function valid B id (form) {
if (form.bid.value>0) return true;
else return false;
}
</script>
Server-side scripting
Online store, personalise, news, search,
allow user help build contents.
Web languages
PHP, Python, Perl, Ruby on Rails, JavaServer Pgs (JSP)
Tuning for search engines
<meta name = “robots” contents = “noindex, nofollow”/>
Style sheets for printing
<link rel = “stylesheet” type = “text/css” media = “print” href = “forprinrt.css”/>
Pages for mobile devices
<link rel= “style sheet” type=”text/css” media = “handheld” href= “formobile.css”/>
Blogs
<title> <$BlogPageTitle$></title>
<$BlogMetaData$>
March 31, 2010 at 3:01 pm |
[...] HTML (from headfirstlabs) « 4uris1ly's Blog [...]
March 31, 2010 at 5:14 pm |
[...] HTML (from headfirstlabs) « 4uris1ly's Blog [...]
April 1, 2010 at 12:39 pm |
[...] HTML (from headfirstlabs) « 4uris1ly's Blog [...]
April 2, 2010 at 3:56 am |
Hi there! this is the perfect example of one good wordpress template right? seems all so organized that it even makes me think its perfect! fine posts btw, waiting for more!
April 12, 2010 at 9:44 pm |
Хотела бы познакомить вас с горячим видео онлайн. В данный момент самое просматриваемое эро-видео Домашний дикий секс http://www.seexi.net?yana=1166 Без условно лучшее онлайн видео! Без рекламы, без тормозов, без смс! Регистрируйся и качай на на здоровье. ГОСТ-570Т197Г Именно на здоровье. Ведь в себе держать сексуальную энергию не вкоем случае нельзя. Даже если вы живете не одни (одна) это хороший повод узнать что то новое и попробовать самим. А если вы одна (одни) в этом случае вашей фонтазии нет предела! Удачки вам и пользуйтесь средствами гигиены.
интернету, PS отвечу на вапрос по теме (Молодуху ебут сразу двое мужиков лечение, (Р591 ) ) пишите. http://img1.openfile.ru/33877/pv2/338771004120855113312.gif Интерестный у вас ресурс 4uris1ly.wordpress.com ?
April 22, 2010 at 11:10 pm |
Order Valium no prescription online. valium no prescription, MfY5SzuEc3
April 26, 2010 at 1:59 pm |
I usually don’t post on Blogs but ya forced me to, great info.. excellent! … I’ll bookmark your site.