HTML教科書 HTML5レベル1読者特典

Size: px

Start display at page:

Download "HTML教科書 HTML5レベル1読者特典"

きのこちゃわんや
7 years ago
Views:

1 f i t a c i r t e i o H T M HTML HTML5 1 n L 90 5 s P r o f e C l a n o i s

2 HTML HTML5 1 HTML5 2 HTML HTML5 1

3 1 A. GET B. TRACE C. SAVE D. PUT E. OPTIONS 2 A. Authorization B. Referer C. User-Agent D. Content-Encoding E. Cookie 3 A. a301 b404 c400 B. a301 b404 c401 C. a307 b400 c401 D. a307 b404 c400 E. a307 b404 c401 3

4 4 A. Cookie Web B. Cookie C. Cookie 4 D. Set-Cookie Cookie E. Cookie 5 A. URL httpurl B. example.com C. URL 80 D. URL URL E. URL & 6 A B. IP C. D. IPv4 32 IP E. IPv HTML HTML5 1

5 7 A. JPG B. PNG 1677 C. GIF 256 D. SVG E. canvas JavaScript A. XHTML HTML XML B. HTML5 XHTML XHTML5 C. XHTML HTML D. XHTML5 <xhtml version="5.0"> E. XHTML XML XML 5

6 11 12 A. HTML B. SQL C. CSS D. ECMAScript E. DOM 13 A. RDB B. KVS C. KVS SQL D. SQL ANSI ISO E. Web 6 HTML HTML5 1

7 14 A. B. W3C C. DNSDomain Name System IP D. E..com.jp TLD (Top Level Domain) 15 A. B. C. D. E. HTTPS HTTP 16 A. B. PPC C. D. E. 7

8 17 A. TCP B. TCP 3 C. UDP TCP D. TCP UDP IP E. TCP 18 A. style HTML CSS B. style head C. style CSS D. link E. link type 19 <ul id="list"> <li>a</li> <li class="active">b</li> <li>c</li> </ul> A..active B. list:nth-child(2) C. list li:nth-child(2) D. li:nth-of-type(2) E. li[class="active"] 8 HTML HTML5 1

9 20 <div> <p> 1</p> <section> <h2> </h2> <p> 2</p> </section> <p> 3</p> </div> A. h2 ~ p B. h2 + p C. section > p D. p:nth-child(2) E. p:nth-of-type(2) 21 <h2 class="chap-title"> </h2> A..chap-title B. [.chap-title] C. [class^="chap"] D. [class] E. [] 9

10 22 box { width: 150px; padding: 10px 10px 10px 20px; border: 5px solid gray; margin: 0; margin-right: 20px; A. 150px B. 170px C. 190px D. 210px E. 230px 23 box { width: 150px; padding: 10px 10px 10px 20px; border: 5px solid gray; margin: 0; margin-right: 20px; box-sizing: border-box; A. 150px B. 170px C. 190px D. 210px E. 230px 10 HTML HTML5 1

230px 23 box { width: 150px; padding: 10px 10px 10px 20px; border: 5px solid gray;

11 24 <ul id="fruits"> <li class="dog pet"> </li> <li class="cat pet"> </li> <li class="bird pet"> </li> </ul> A..pet:first-child B..cat C..cat.pet D..cat.pet E. cat 25 <ul id="list1"> <li> <br> </li> <li> </li> <li> </li> <li> <br> </li> </ul> <style> list1 { display: flex; list1 li { width: 25%; </style> 11

cat 25 <ul id="list1"> <li> <br> </li> <li> </li> <li> </li> <li> <br> </li>

12 A. li B. li li C. li li D. li li li E. li li li 26 a b c A. apct bem crem B. apct bex c% C. a% bex crex D. a% bem crem E. a% bch crch 12 HTML HTML5 1

13 27 <style> para { color: red; background-color: red; border: 1px solid red; p { color: black!important; background-color: pink; </style> <p id="para" style="color: blue; border: 1px solid blue;"> </p> A. B. C. D. E. 28 a { b: 'bokutachi'; c: url('bokutachi.otf'); 13

14 A. bfont-name curl B. bfont-name csrc C. bfont-family curl D. bfont-family csrc E. bfont-family curl 29 A. CSS transform B. rotateskewrad C. matrix D. 2D 3D E. 30 A. B. transition-propertycss Transition C. transition-duration D. transition-start E. transition 14 HTML HTML5 1

a@web-font bfont-family curl 29 A. CSS transform B. rotateskewrad C. matrix D.

15 31 <div id="animate-box"></div> <style> animate-box { border: 1px solid gray; width: 100px; height: 100px; animation: box-anim 3s box-anim { 0% { transform: rotate(0deg) scale(1); 50% { transform: rotate(360deg) scale(1.5); 100% { transform: rotate(0deg) scale(2); </style> A. B. C D. 1 3 E. 15

box-anim { 0% { transform: rotate(0deg) scale(1); 50% { transform:

16 32 A. background-size B. background-image C. background-multiple D. background-attachment E. background-origin 33 A..html5 B. <?xml version="1.0"?> C. UTF-8 D. DOCTYPE E. html 34 A. <!DOCTYPE html> B. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> C. <!doctype> D. <!doctype HTML> E. <?html version="5.0"?> 16 HTML HTML5 1

UTF-8 D. DOCTYPE E. html 34 A. <!DOCTYPE html> B. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.

17 35 A. <p><span> </span> B. <p><span> </span></p> C. <p><span> D. <p><span> </p> E. <p><span> </p></span> 36 A. checked="" B. checked="no" C. checked="false" D. checked="!checked" E. 37 A. td B. blockquote C. body D. header E. fieldset 17

18 38 A. header B. section C. aside D. footer E. nav 39 A. main B. main 1 HTML C. main article D. main body E. main HTML4.01 HTML5 40 <body> <h1>1</h1> <article> <h1>2</h1> <h2>3</h2> <h2>4</h2> </article> </body> 18 HTML HTML5 1

19 A. 1 B C D. 1 E A. <small> B. <b> C. <big> D. <em> E. <strong> 19

20 42 <a> <b></b><c> </ c><b></b></a> A. aruby brt crp B. aruby brp crt C. artc brt crp D. artc brp crt E. arb brp crt 43 <video> <source src="video.ogv" type="video/ogg"> <source src="video.mp4" type="video/mp4"> HTML5 </video> A. mp4 ogv video.ogv B. ogv mp4 video.mp4 C. ogv mp4 video.mp4 D. ogv mp4 E. ogv mp4 20 HTML HTML5 1

ogv" type="video/ogg"> <source src="video.mp4" type="video/mp4"> HTML5 </video> A.

21 44 A. mailaddress B. integer C. card D. tel E. url 45 A. maxlength B. multiple C. folder D. pattern E. accept MIME 46 A. dl B. dl dd dt C. 1 dt dd D. 1 dt dd E. dl 21

22 47 A. <html> B. <head> C. <title> D. <meta> E. <body> 48 A. script HTML B. type C. defer D. async E. async defer 49 A. 1 h1 B. header C. title D. sectionarticle E. sectionarticle 22 HTML HTML5 1

23 50 A. figure B. figure figcaption C. figcaption D. figcaption figure E. figure 51 A. required B. maxlength C. max D. pattern pattern=" "pattern ="url"url E. 52 A. keygen B. meter C. progress D. datagrid E. output 23

24 53 A. src B. C. alt D. width height E. JavaScript 54 A. data URI B. data URI C. data URI HTML CSS D. data URI data E. data URI HTTP Web 55 A. link media B. style media C. source media D. script media E. 24 HTML HTML5 1

25 56 container { color: red; background-color: white; width: screen and (min-width: 481px) { container { color: screen and (min-width: 481px) and (max-width: 768px) { container { background-color: screen and (min-width: 769px) { container { width: 768px; A. : : : 100% B. : : : 100% C. : : : 768px D. : : : 100% E. : : : 768px 25

26 57 A. CSS B. C. 1 HTTP D. SVG E. % 58 <main>...</main> <style> main { width: screen and { main { width: 100%; </style> A. (max-width: 768px) B. (max-width: 769px) C. (max-device-width: 768px) D. (max-device-width: 769px) E. (max-screen-width: 768px) 26 HTML HTML5 1

27 59 <link rel="stylesheet" href="1.css"> <link rel="stylesheet" href="2.css" media="(min-width: 481px)"> <link rel="stylesheet" href="3.css" media="(min-width: 481px) and (orientation: portrait)"> <link rel="stylesheet" href="4.css" media="(min-width: 481px) and (orientation: landscape)"> <link rel="stylesheet" href="5.css" media="(min-width: 769px)"> A. 1.css B. 2.css C. 3.css D. 4.css E. 5.css A. "CACHE MANIFEST" B. text/cache-manifest MIME C..manifest D. "#" E. UTF-8 27

28 62 CACHE MANIFEST Timestamp: hello.html FALLBACK: / fallback.html CACHE: hello.css SETTINGS: prefer-online NETWORK: A. hello.html CACHE B. fallback. html C. hello.html, fallback.html, hello.css D. Web img URL E. 28 HTML HTML5 1

29 1 C 2 E 3 B 4 E 5 C 6 E 7 B, E 8 XMLHttpRequest 9 ECMAScript 10 D 11 DOM Document Object Model 12 A, C, E 13 C 14 B 15 A 16 D 17 E 18 B 19 B 20 E 21 A, C, D 22 D 23 B 24 B, C 25 C 26 D 27 B 28 D 29 B 30 D 31 A, B, D 32 C 33 D 34 A, D 35 A, B 36 A, B, C, D 37 D 38 B, C, E 39 B 40 C 41 C 42 B 43 A, B, E 44 D, E 45 B, E 46 B 47 C 48 B 49 A 50 D 51 D 52 D 53 D 54 B 55 D 56 C 57 C 58 C 59 A, B, D 60 manifest 61 C 62 B 29

30 1 C E B E Cookie 5 C URL 30 HTML HTML5 1

31 6 E IP 7 B, E canvas svg XMLHttpRequest Ajax 9 ECMAScript JavaScript 10 D XHTML 11 DOMDocument Object Model DOM 31

32 12 A, C, E SQL JavaScript DOM 13 C B DNS 15 A D Web 17 E TCP UDP 32 HTML HTML5 1

33 18 B CSS HTML 19 B E A, C, D D

34 23 B box-sizing 24 B, C E D B HTML HTML5 1

35 28 D Web 29 B D transition 31 A, B, D animation 32 C D 35

36 1.1 HTML5 34 A, D DOCTYPE HTML 35 A, B A, B, C, D D B, C, E HTML HTML5 1

37 39 B main 40 C <body> <h1>1</h1> <article> <h1>2</h1> <section> <h2>3</h2> </section> <section> <h2>4</h2> </section> </article> </body>

38 41 C HTML5 42 B 2 <ruby> <rtc><rt> </rt></rtc> <rtc><rt>seisyonagon</rt></rtc> </ruby> rb <ruby> <rb> </rb> <rt> </rt> </ruby> ruby rt rp 43 A, B, E video 38 HTML HTML5 1

39 44 D, E input 45 B, E 46 B dl dt dd 47 C B script script async defer 39

40 49 A h1 h6 50 D figure figcaption 51 D D D canvas 40 HTML HTML5 1

41 54 B data URI 55 D C C Web C

42 59 A, B, D manifest C B HTML HTML5 1

07_経営論集2010　小松先生.indd

07_経営論集2010　小松先生.indd 19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT