Tự học HTML và CSS trong 1 giờ - part 43 pot
Tự học HTML và CSS trong 1 giờ - part 43 pot
... }
#sitenav li { display: inline; padding-left: 1em;
margin-left: 1em; border-left: 1px
solid black; }
#sitenav li:first-child
{ padding-left: 0; border-left: none;
margin-left: 0; }
/* This is what positions ... padding-left: 1em; padding-right:
1em; }
#nav { position: fixed; top: 0px; left: 0px; padding-top:
3px; padding-bottom: 3px; background-color: #333333; color:
white; width: 10 0%; te...
Tự học HTML và CSS trong 1 giờ - part 2 pot
... 429
Summary
432
Workshop
433
Q&A
433
Quiz
433
Quiz Answers
434
Exercises
434
LESSON 15 : Using JavaScript in Your Pages 435
Validating Forms with JavaScript 436
Hiding and Showing Elements
443
Adding ... 613
Google Analytics
614
Installing Google Analytics
614
Summary
616
Workshop
616
Q&A
617
Quiz
617
Quiz Answers
617
Exercises
618
LESSON 21:...
Tự học HTML và CSS trong 1 giờ - part 6 pot
... and go far-
ther down into more specific information about particular fruits.
FIGURE 2.5
Your hierarchy
takes you to the
Fruits page.
Selecting Soft Fruits takes you to yet another menu-like page, ... publications lend themselves
particularly well to the Web, and websites have the advantage of being more imme-
diate and easier to update than their print counterparts. Delivery is a lot simpler...
Tự học HTML và CSS trong 1 giờ - part 21 potx
... style:
p.box { border-width: 1px 2px 3px 4px; }
That’s equivalent to the following:
p.box {
border-width-top: 1px;
border-width-right: 2px;
border-width-bottom: 3px;
border-width-left: 4px;
}
To ... property
names, as follows:
a {
border-width-left: 3px;
border-style-left: dotted;
border-color-left: green;
}
The Box Model
18 3
8
Download from www.wowebook.com
ptg
TABLE 8 .1 Continued
Un...
Tự học HTML và CSS trong 1 giờ - part 25 potx
... www.wowebook.com
ptg
Springfield, CA 94532
</p>
</body>
< /html& gt;
Inline Images in HTML: The <img> Tag
217
9
Output .
FIGURE 9 .1
The Halloween
House home page.
So far, so good. Now you ... line.
The align attribute for the <img> tag was deprecated in HTML
4. 01 in favor of using CSS and has been dropped from HTML5
completely. However, you may find you...
Tự học HTML và CSS trong 1 giờ - part 28 pot
... 10 1 ,11 3 ,16 5 ,13 4
2
rect music/country .html 10 1 ,13 9 ,16 5 ,15 9
3
rect music/rockpop .html 10 1 ,16 3 ,16 5 ,18 3
4
poly music/home .html 17 5 ,15 2,203 ,11 8
220 ,11 8,247 ,15 2
237 ,15 3,237 ,18 1
18 6 ,18 1 ,18 6 ,15 3
,
... coords= 10 1 ,16 3, 16 5 ,18 3”
href=“/music/rockpop .html
alt=“Rock and Pop from 50’s On” />
<area shape=“poly” coords= 17 5 ,15 2, 203 ,11...
Tự học HTML và CSS trong 1 giờ - part 30 potx
... cell padding to
10 pixels. The result is shown in Figure 10 .10 .
Input ▼
<table cellpadding= 10 ” border= 1 >
NOTE
Output .
FIGURE 10 .10
A table with the
cell padding set to
10 pixels.
Download ... border= 10 ” width= 10 0%”>
Sizing Tables, Borders, and Cells
2 71
10
Output .
FIGURE 10 .7
A table with the
border width set to
10 pixels.
You can also adjust the borders aroun...
Tự học HTML và CSS trong 1 giờ - part 31 potx
... columns span 32%, 16 %, 16 %, and 16 % of the entire screen
width:
Download from www.wowebook.com
ptg
280
LESSON 10 : Building Tables
The nowrap attribute has been deprecated in HTML 4. 01 in favor
of ... Content
283
10
FIGURE 10 .18
A table with text
alongside it.
The CSS approach to flowing content around a table is to use the
float property, as described in Lesson 7, “Formatt...
Tự học HTML và CSS trong 1 giờ - part 34 potx
... have a tem-
plate similar to this, just load it into your HTML editor:
<!DOCTYPE html& gt;=
< ;html& gt;
312
LESSON 10 : Designing Forms
,
Download from www.wowebook.com
ptg
LESSON 11
Designing ... it.
<caption> Deprecated in HTML 4. 01. Indicates
which side of the table the caption
will be placed. The possible values
for most browsers are
top and bot-
tom. HTML 4. 0...
Tự học HTML và CSS trong 1 giờ - part 36 potx
... name=“fileupload”
/></label>
Figure 11 .11 shows a file upload control.
CAUTION
Download from www.wowebook.com
ptg
Figure 11 .13 shows a textarea element in action.
332
LESSON 10 : Designing Forms
Output .
FIGURE 11 .13
Use ... type=”text /css media=”screen”>
form div {
margin-bottom: 1em;
}
div.submit input {
margin-left: 16 5px;
}
label.field {
display: block;
float: le...