[B! html] araproã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

arapro id:arapro

htmlã«é–¢ã™ã‚‹araproã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

HTMLã®headã®æ›¸ãæ–¹ã€headå†…ã«è¨˜è¿°ã™ã‚‹è¦ç´ ã®ç·ã¾ã¨ã‚
HTMLãƒšãƒ¼ã‚¸ã®headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆã€ãã—ã¦metaè¦ç´ ã‚„linkè¦ç´ ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ç”¨ã®è¦ç´ ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ›ã®ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã®è¦ç´ ãªã©ãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸã€Œ<head> cheatsheetã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ <head> cheatsheet ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ åŽ»å¹´ç´¹ä»‹ã—ãŸä»¥å‰ã®ç‰ˆã‹ã‚‰ã„ã‚ã„ã‚ã¨å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ headå†…ã®è¦ç´ metaè¦ç´ linkè¦ç´ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«é–¢é€£ã®headå†…ã®è¦ç´ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ã®headå†…ã®è¦ç´ ãƒ¡ãƒ¢ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ ä¸‹è¨˜ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªWebã‚µã‚¤ãƒˆã§å¿…é ˆã¨ãªã‚‹headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®ã‚¿ã‚°ã§ã™ã€‚ <meta charset="utf-8"> <meta http-equiv="x-ua-c
arapro 2017/09/26
html

web
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ€ãƒ¼ã®ä»•äº‹ãŒæ¥½ã«ãªã‚‹ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã•ã¾ã–ã¾ãªHTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒé©šãã»ã©ç°¡å˜ã«ä½œæˆã§ãã‚‹ -Aperitif
ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã‚’ã¯ã˜ã‚ã€ä¼æ¥ã‚µã‚¤ãƒˆã‚„ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚„ãƒ–ãƒã‚°ã®ãƒšãƒ¼ã‚¸ã¾ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒé©šãã»ã©ç°¡å˜ã«ä½œæˆã§ãã¦ã—ã¾ã†ç„¡æ–™ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTMLã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨ã—ã¦ã€ã™ãã«åˆ©ç”¨ã§ãã‚‹ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã¨ã—ã¦ã€HTMLã®çŸ¥è˜ã¯ã»ã¨ã‚“ã©ã„ã‚‰ãšã«ã»ã‚“ã®æ•°ã‚¯ãƒªãƒƒã‚¯ã§è‡ªåˆ†ç”¨ã®HTMLãƒ•ã‚¡ã‚¤ãƒ«ãŒä½œæˆã§ãã¾ã™ã€‚ Aperitif ä½¿ã„æ–¹ã¯ã€ç°¡å˜ã§ã™ã€‚ ç™»éŒ²ã‚„ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹å…¥åŠ›ãªã©ã€é¢å€’ãªã“ã¨ã¯ä¸€åˆ‡å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ ã¾ãšã¯ã€ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚ â€»å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€Chrome, Safari, Firefoxã§ã€IEã¯æº–å‚™ä¸ã§ã™ï¼ˆ2017å¹´9æœˆç¾åœ¨ï¼‰ã€‚
arapro 2017/09/04
html

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

web

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
arapro 2016/03/15
html

css
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
arapro 2016/02/16
html

css

JS
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œè€…ã¯ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠãã¨ä¾¿åˆ©ï¼HTMLã‚„CSSã‚„OGPã‚„Twitterã‚«ãƒ¼ãƒ‰ãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹
CSSã®é¢å€’ãªã‚³ãƒ¼ãƒ‰ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚·ãƒ£ãƒ‰ã‚¦ãªã©ã€è¡¨ç¤ºçµæžœã‚’è¦‹ãªãŒã‚‰ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã§ãã€HTML5ã®ã‚ˆãä½¿ã†ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚„æ–°è¦ç´ ã€Metaã‚¿ã‚°ã‚„OGPã‚„Twitterã‚«ãƒ¼ãƒ‰ãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚’ç°¡å˜ã«ç”Ÿæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã†ã„ã£ãŸã‚³ãƒ¼ãƒ‰ç”Ÿæˆã¯æŽ¢ã›ã°è¦‹ã¤ã‹ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã¾ã¨ã¾ã£ã¦ã‚‹ã¨ä¾¿åˆ©ã§ã™ãã€‚
arapro 2015/11/26
ã‚³ãƒ¼ãƒ‰

html
ãƒªãƒ³ã‚¯
ç„¡æ–™ã§ã—ã‹ã‚‚é«˜å“è³ªï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ç¾Žã—ã„Webãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ãŸã‚ã®HTML5/CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ç¸¦é•·ãƒšãƒ¼ã‚¸ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã€ãƒ–ãƒã‚°ãªã©ã€ä»Šæ™‚ã®ã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸHTML5+CSS3ã®ç„¡æ–™ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å˜ã«ä½¿ã†ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„HTML5/CSS3ã®å‹‰å¼·ã¨ã—ã¦ã‚¹ã‚ãƒ«ã‚¢ãƒƒãƒ—ã«ã‚‚ã„ã„ã§ã™ãã€‚
arapro 2015/05/15
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

css3

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

html
ãƒªãƒ³ã‚¯
HTML ã® q ã‚¿ã‚°ãŒæ—¥æœ¬èªžã®ã‚µã‚¤ãƒˆã§ã¯ã‚«ã‚®æ‹¬å¼§ã‚’å‡ºã™ã‚ˆã†ã«ãªã£ã¦ãŸ
HTML ã« q ã¨ã„ã†è¦ç´ ãŒã‚ã‚Šã¾ã™ãã€‚ Quotation ã® Q ã§ã™ã‹ã€‚ <q> ã«ã¤ã„ã¦ æ–‡æ›¸å†…ã§å¼•ç”¨ã‚’ã—ãŸã„ã¨ãã€ ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’å«ã‚€ã‚ˆã†ãªå ´åˆã«ã¯ <blockquote> ã§ã™ãŒ ä¸€è¨€ã¨ã‹ä¸€è¡Œã¨ã‹ãã‚Œãã‚‰ã„ã®ã¨ãã«ã¯ <q> ã‚’ä½¿ã†ã®ãŒã„ã„ã¿ãŸã„ã§ã™ã€‚ q è‡ªä½“ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã ã—ãã€‚ ã“ã‚“ãªãã‚ã„ã€‚ <q>ã“ã“ã¯å¼•ç”¨ã§ã™ã‚ˆãƒ¼ã€‚</q> å¤šãã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã€ã“ã® <q> ã§æ‹¬ã£ãŸéƒ¨åˆ†ãŒ ãƒ€ãƒ–ãƒ«ã‚¯ã‚©ãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã§æŒŸã¾ã‚Œã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ä¸Šè¨˜ã®ä¾‹ã ã¨ã“ã†ã€‚ â€œã“ã“ã¯å¼•ç”¨ã§ã™ã‚ˆãƒ¼ã€‚â€ ã‚«ã‚®æ‹¬å¼§ã«ãªã£ã¦ãŸ ã€Œè¡¨ç¤ºã•ã‚Œã¾ã™ã€ã£ã¦æ›¸ã„ãŸã‚“ã ã‘ã©ã€ æœ¬å½“ã¯ã€Œã¨æ€ã£ã¦ã¾ã—ãŸã€ã§ã—ãŸã€‚ ã“ãªã„ã ãµã¨æ°—ã¥ã„ãŸã‚‰ã€ æ—¥æœ¬èªžã®ãƒšãƒ¼ã‚¸ã§ã¯ã“ã‚ŒãŒã“ã†ãªã£ã¦ã¾ã—ãŸã€‚ ã€Œã“ã“ã¯å¼•ç”¨ã§ã™ã‚ˆãƒ¼ã€‚ã€ ã‚¯ã‚©ãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒžãƒ¼ã‚¯ã˜ã‚ƒãªãã¦ã‚«ã‚®æ‹¬å¼§ã«ãªã£ã¦ã‚‹ã€‚ çŸ¥ã‚‰ã‚“ã‹ã£ãŸã€‚ã„ã¤ã®é–“ã«ã€‚ <q> ã‚’åˆã‚ã¦ä½¿
arapro 2014/12/02
html
ãƒªãƒ³ã‚¯
1