Professional Documents
Culture Documents
HTML・CSS実習 04
HTML・CSS実習 04
em
strongrubyspan
olul
hrdiv
main
HTML
HTML
CSS
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!-- -->
<header>
<h1></h1>
</header>
<!-- -->
<section>
<h2></h2>
<p>
3
</p>
<p> 3<em></em>
<ruby><rt></rt></ruby>
251950301955
61994<strong>
</strong></p>
<h3></h3>
<ul>
<li></li>
<li><ruby><rp>[</rp><rt></rt><rp>]</rp></ruby></li>
<li></li>
<li></li>
<li></li>
</ul>
<h2></h2>
<p>
16</p>
<h3></h3>
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li> </li>
</ol>
</section>
<!-- -->
<footer>
<hr>
<p>copyright since2016</p>
</footer>
</body>
</html>
em
strong
ruby
span
em
ememphasis
Webem
<em></em>
em
strong
strong
Webstrong
<strong> </strong>
rubyrtrp
rubyrtRuby Text
<ruby><rt></rt></ruby>
<ruby><rt></rt><rt></rt></ruby>
rubyrtrp
WebrpRuby Parentheses
<ruby><rp>[</rp><rt></rt><rp>]</rp></ruby>
Web[ ]
[]
span
a mark
abbr q
b ruby
bdi s
bdo samp
br small
cite span
code strong
data sub
del sup
dfn time 24
em u
i var
ins wbr
kbd
olul
hr
div
main
olli
olordered list
lilist item
li</li>
CSSlist-style-type
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li> </li>
</ol>
startreversed
olstartreversed
start
<ol start=5>
<li></li>
<li></li>
<li></li>
<li></li>
<li> </li>
</ol>
reversed
<ol reversed="reversed">
<li></li>
<li></li>
<li></li>
<li></li> reversed=reversedreversed
<li> </li>
</ol>
ulli
ulunordered list
li
li</li>
CSSlist-style-type
<ul>
<li></li>
<li><ruby><rp>[</rp><rt></rt><rp>]</rp></ruby></li>
<li></li>
<li></li>
<li></li>
</ul>
hr
hrhorizontal rule
Web
<hr>
<p>copyright since2016</p>
div
divdivision
classidid
<body>
<div id=otowa>
<header><h1></h1></header>
<section>
<h1></h1>
<p></p>
</section>
</div>
</body>
otowaiddiv
CSSdivdiv
Web main
mainWebWeb
Web
mainarticleasidefooterheadernav
mainHTML
main
<body>
<header><h1></h1></header>
<main>
<article>
<h2></h2>
<p></p>
</article>
<article>
<h2></h2>
<p></p>
</article>
</main>
<footer>
<p>copyright since2016</p>
</footer>
</body>
blockquote hr
dd dl li
dl main
div ol
dt dl p
figure pre
figcaption ul
HTML
HTML
html
<html>
<body>
<html>
<h1>
<body>
<h1>
<p>
<em> <p>
<em>
HTML
HTML5
HTMLWeb
Web
CSS
4
emstrongrubyol
ulhr
divmain
span
headersectionfooter
footer
4
zipKING-LMS
_task4.zip
2359
,
KING-LMS