Professional Documents
Culture Documents
HTML・CSS実習 05
HTML・CSS実習 05
img
a
img
htmlimages
Web3
JPEG Joint Photographic Experts Group
GIF Graphics Interchange Format
PNG Portable Network Graphics
241677
JPEG
.jpg
Web
8256
GIF
.gif
Web
W3CWeb
280
PNG
.png
GIF1030
KING-LMS images.zip
imageshtml
<!DOCTYPE html>
<html lang="ja">
<!-- -->
<section>
<h2></h2>
<img src="./images/kinkakuji.jpg" alt="">
<p>3
</p>
<p> 3<em></em>
<ruby><rt></rt><rt></rt></ruby>
251950
30195561994<strong>
</strong></p>
</body>
</html>
imgembedded image
srcURL
alt
widthheight
imgsection
400px
200px
widthheight
width=400px height=200px
width=400px
height=200px
widthheight
width=50 section50
Websection
URL
URLsrc
HTML
http://
http://www.kcg.ac.jp/
Web
WebWeb
Web
URL
/
../
index.html
<a href="">
profile.html
folderA
index.htmlprofile.html
<a href="profile.html">
index.html
folderA
profile.html .//
folderB ./
/
<a href="folderB/profile.html">
index.html profile.htmlindex.html
folderA
../
profile.html <a href="../index.html">
folderB
hobby.html
folderC
../
../
index.html ../
folderA
..//
profile.html
folderB
profile.htmlhobby.html
hobby.html
folderC A
C
<a href="../folderC/hobby.html">
Aindex.htmlprofile.html
index.htmlprofile.html
Aindex.htmlBBprofile.html
index.htmlprofile.html
Aindex.htmlBCBprofile.html
Chobby.htmlhobby.htmlprofile.html
<section>
<h2></h2>
<img src="./images/kinkakuji.jpg" alt="">
<p>
3
</p>
<p> 3<em></em>
<ruby><rt></rt><rt></rt></ruby>
251950301955
61994<strong>
</strong></p>
<p>(<a href="http://ja.wikipedia.org/wiki/"></a>)</p>
<h3></h3>
<ul>
click
aanchor
hrefURL
<p>(<a href="http://ja.wikipedia.org/wiki/"></a>)</p>
href
atarget
targetWeb
_self
_parent
_top
_blank
<p>(<a href=http://ja.wikipedia.org/wiki/ target=_blank></a>)</p>
aWeb
idhref
#id
<header>
<h1></h1>
<a href="#kinkaku"></a> <a href="#kiyomizu"></a>
</header>
<section>
<h2 id="kinkaku"></h2>
id
<h2 id="kiyomizu"></h2>
id
hrefURL#id
WebWeb
<header>
<h1></h1>
<!---->
<nav>
<a href="./index.html"></a> >
<a href="./kyoto.html"></a> >
</nav>
WebWeb
Webnav
>>HTML<>
<>
index.htmlkyoto.html
5
HTMLzip
zip_task5.zip
KING-LMS
ZIP
zip