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

takets id:takets

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

${{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}}

<input type="text">ã§æ•°å€¤ã®ã¿å…¥åŠ›ã™ã‚‹æ–¹æ³•
type=â€textâ€ã®ã¾ã¾ã§æ•°å€¤ã®ã¿ã«ã™ã‚‹ã«ã¯patternå±žæ€§ã‚’ä½¿ç”¨ã—ã¦æ•°å€¤ã®ã¿ã«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ãŒã€ã“ã®æ•°å€¤ãƒã‚§ãƒƒã‚¯ã¯submitã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãªã®ã§å…¥åŠ›æ™‚ãƒã‚§ãƒƒã‚¯ã¯patternã§ã¯ã§ãã¾ã›ã‚“ã€‚ oninputã‚’ä½¿ã† oninputã‚’ä½¿ç”¨ã—ã¦å…¥åŠ›ã‚¤ãƒ™ãƒ³ãƒˆã‚’å…¨ã¦ãƒã‚§ãƒƒã‚¯ã—ã¦è§£æ±ºã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã“ã®å ´åˆã€type=â€textâ€ã®ã¾ã¾ãªã®ã§maxlengthã‚‚åŠ¹ã‹ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å…·ä½“çš„ã«ã¯æ£è¦è¡¨ç¾ã§æ•°å€¤ä»¥å¤–ãŒå…¥åŠ›ã•ã‚ŒãŸã‚‰ç©ºæ–‡å—ã«ç½®æ›ã—ã¦ã‚ã’ãŸã‚‰æ•°å€¤ã®ã¿å…¥åŠ›ã™ã‚‹äº‹ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <input type="text" maxlength="5" oninput="value = value.replace(/[^0-9]+/i,'');" /> input type=â€numberâ€ã§maxlengthã‚’åŠ¹ã‹ã›ã‚‹ ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§numberã®ã‚¹ãƒ”ãƒŠãƒ¼ãƒœã‚¿ãƒ³ã‚’è¡¨ç¤ºã—ãŸã„
takets 2020/01/24
html
ãƒªãƒ³ã‚¯
data-* - HTML: ãƒã‚¤ãƒ‘ãƒ¼ãƒ†ã‚ã‚¹ãƒˆãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªž | MDN
HTML ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« HTML ã®åŸºæœ¬ HTML å…¥é–€ HTML å…¥é–€ã®æ¦‚è¦ HTML ã‚’å§‹ã‚ã‚ˆã† ãƒ˜ãƒƒãƒ‰éƒ¨ã«ã¯ä½•ãŒå…¥ã‚‹? HTML ã®ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ HTML ãƒ†ã‚ã‚¹ãƒˆã®åŸºç¤Ž ãƒã‚¤ãƒ‘ãƒ¼ãƒªãƒ³ã‚¯ã®ä½œæˆ é«˜åº¦ãªãƒ†ã‚ã‚¹ãƒˆæ•´å½¢ æ–‡æ›¸ã¨ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®æ§‹é€ HTML ã®ãƒ‡ãƒãƒƒã‚° è©•ä¾¡èª²é¡Œ: æ‰‹ç´™ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— è©•ä¾¡èª²é¡Œ: ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒšãƒ¼ã‚¸ã®æ§‹é€ åŒ– ãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã¨ãã®åŸ‹ã‚è¾¼ã¿ ãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã¨ãã®åŸ‹ã‚è¾¼ã¿ã®æ¦‚è¦ HTML ã®ç”»åƒ å‹•ç”»ã¨éŸ³å£°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ object ã‹ã‚‰ iframe ã¾ã§ â€” ãã®ä»–ã®åŸ‹ã‚è¾¼ã¿æŠ€è¡“ ã‚¦ã‚§ãƒ–ã¸ã®ãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®è¿½åŠ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”»åƒ è©•ä¾¡èª²é¡Œ: Mozilla ã®ã‚¹ãƒ—ãƒ©ãƒƒã‚·ãƒ¥ãƒšãƒ¼ã‚¸ HTML ã®è¡¨ HTML ã®è¡¨ã®æ¦‚è¦ HTML ã®è¡¨ã®åŸºæœ¬ HTML è¡¨ã®é«˜åº¦ãªæ©Ÿèƒ½ã¨ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ è©•ä¾¡èª²é¡Œ: å¤ªé™½ç³»ã®æƒ‘æ˜Ÿãƒ‡ãƒ¼ã‚¿ã®æ§‹é€ åŒ– ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ HTML è¦ç´ <a>
takets 2018/12/07
html
ãƒªãƒ³ã‚¯
ã‚‚ã†æ³£ã‹ãªã„ï¼input type="file"ã®ãƒœã‚¿ãƒ³éƒ¨åˆ†ã‚’cssã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ–¹æ³• - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
takets 2018/07/25
html

css
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºé€Ÿåº¦ã‚’æ”¹å–„ã™ã‚‹ãŸã‚ã«æ°—ã‚’ã¤ã‘ãªãã¦ã¯ã„ã‘ãªã„ã“ã¨
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºãŒé…ããªã£ã¦ã—ã¾ã†åŽŸå› ã®ä¸€ã¤ã«ã€ŒJavaScriptã®èªã¿è¾¼ã¿ã€ãŒã‚ã‚Šã¾ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸhtmlãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ä¸Šã‹ã‚‰é †ç•ªã«è§£é‡ˆã—ã¦æç”»ã—ã¦ã„ãã®ã§ã™ãŒã€é€”ä¸ã§ã€Œscriptã€ã‚¿ã‚°ã«å‡ºä¼šã†ã¨JavaScriptã®èªã¿è¾¼ã¿ãƒ»å®Ÿè¡ŒãŒçµ‚ã‚ã‚‹ã¾ã§ãã®å ´æ‰€ã§è§£é‡ˆã‚’ä¸€æ—¦ã‚¹ãƒˆãƒƒãƒ—ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºé€Ÿåº¦ã«å½±éŸ¿ã‚’ä¸Žãˆãšã«JavaScriptã‚’èªã¿è¾¼ã‚€ã«ã¯ã©ã†ã™ã‚Œã°è‰¯ã„ã®ã‹ã«ã¤ã„ã¦fly.ioãŒã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ Lighthouse: how to reduce render-blocking scripts https://fly.io/articles/lighthouse-how-to-reduce-render-blocking-scripts/ scriptã‚¿ã‚°ãŒå¤–éƒ¨ã®JavaScriptã‚’èªã¿è¾¼ã‚€ã®ã‹ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§è¨˜è¿°ã•ã‚Œã¦ã„ã‚‹JavaScriptã‚’å®Ÿè¡Œã™ã‚‹ã®
takets 2018/07/24
javascript

html
ãƒªãƒ³ã‚¯
æ™®é€šã®HTMLã®æ›¸ãæ–¹
ä¿å®ˆã—ã‚„ã™ãã€è¦æ¨¡ã«ä¾å˜ã—ãªã„HTMLæ–‡æ›¸ã®ãŸã‚ã« ä¸€èˆ¬ DOCTYPEã§å§‹ã‚ã‚‹ ç½®ãæ›ãˆã‚‰ã‚Œã‚‹ã¹ãã¾ãŸã¯æ—§å¼ã®DOCTYPEã‚’ä½¿ã‚ãªã„ XMLå®£è¨€ã‚’ä½¿ç”¨ã—ãªã„ æ–‡å—å‚ç…§ã¯ã§ãã‚‹é™ã‚Šä½¿ã‚ãªã„ &ã¨<ã€>ã€"ã€'ã¯åå‰æ–‡å—å‚ç…§ã‚’ä½¿ã£ã¦ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã™ã‚‹ åˆ¶å¾¡æ–‡å—ã‚„ä¸å¯è¦–æ–‡å—ã¯æ•°å€¤æ–‡å—å‚ç…§ã‚’ä½¿ã† ã‚³ãƒ¡ãƒ³ãƒˆã§ã¯ãã®å†…å®¹ã®å‰å¾Œã¸ç©ºç™½æ–‡å—ã‚’ç½®ã çµ‚äº†ã‚¿ã‚°ã‚’çœç•¥ã—ãªã„ ç©ºè¦ç´ ã®æ›¸ãæ–¹ã‚’æ··ãœãªã„ ã‚¿ã‚°ã‚„å±žæ€§å€¤ã®å‰å¾Œã¸ç©ºç™½æ–‡å—ã‚’ç½®ã‹ãªã„ å¤§æ–‡å—ãƒ»å°æ–‡å—ã‚’æ··ãœãªã„ å¼•ç”¨ç¬¦ã‚’æ··ãœãªã„ å±žæ€§ã‚’2æ–‡å—ä»¥ä¸Šã®ç©ºç™½æ–‡å—ã§åŒºåˆ‡ã‚‰ãªã„ çœŸå½å€¤ã‚’å–ã‚‹å±žæ€§ã®å€¤ã¯çœç•¥ã™ã‚‹ åå‰ç©ºé–“ã¯çœç•¥ã™ã‚‹ XMLå±žæ€§ã¯ä½¿ã‚ãªã„ data-*ã¨Microdataã€RDFa Liteç”¨ã®å±žæ€§ã¨é€šå¸¸ã®å±žæ€§ã‚’æ··ãœãªã„ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®æš—é»™ã®ARIAã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã‚¹ã‚’å°Šé‡ã™ã‚‹ æ–‡æ›¸è¦ç´ langå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ langå±žæ€§ã®å€¤ã¯ã§ãã‚‹é™ã‚ŠçŸãã™ã‚‹ ã§ãã‚‹é™ã‚Š
takets 2018/07/23
html
ãƒªãƒ³ã‚¯
ã€CSSã€‘è¦‹å‡ºã—ã®æ¨ªã«ã€Œæ›´æ–°æ—¥ã€ã¨ã‹ä¸¦ã¹ã¦è¡¨ç¤ºã—ãŸã„æ™‚ã®ç°¡å˜ãªCSSã®æ›¸ãæ–¹ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ä¸Šè¨˜ã®ç”»åƒã®ã‚ˆã†ã«ã€è¦‹å‡ºã—ã®ã‚¿ã‚¤ãƒˆãƒ«ã«æ›´æ–°æ—¥ãªã©ã®æƒ…å ±ã‚’ä¸¦ã¹ã¦è¡¨ç¤ºã™ã‚‹ã€ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚ å®Ÿç¾æ–¹æ³•ã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€CSS ã§ã©ã®ã‚ˆã†ã«å®Ÿç¾ã™ã‚‹ã®ãŒç°¡å˜ã§ã—ã‚‡ã†ã‹ã€‚ ä¾‹ãˆã°ã€HTML ã¯ä»¥ä¸‹ã§ã™ã€‚ <div id="press-release"> <h2>ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹</h2> <p class="update">2009å¹´03æœˆ09æ—¥æ›´æ–°</p> </div> è‰¯ãè¦‹ã‹ã‘ã‚‹ã®ã¯ h2 ã¨ p ã‚’ãã‚Œãžã‚Œã€Œposition:absoluteã€ã§å·¦ã¨å³ã«é…ç½®ã™ã‚‹ã‚‚ã®ã€ã‚‚ã—ãã¯ h2 ã‚’ã€Œfloat:leftã€ã€p ã‚’ã€Œfloat:rightã€ã«ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ ã©ã¡ã‚‰ã‚’ä½¿ã†ã«ã›ã‚ˆã‚µãƒ³ãƒ—ãƒ«ã® HTML ã®ã‚ˆã†ã« h2 ã¨ p ã‚’ div ã§å›²ã†å¿…è¦ãŒã‚ã‚Šã€CSS ã‚‚é•·ããªã‚ŠãŒã¡ã§ã™ã€‚ ä»¥ä¸‹ã®æ–¹æ³•ãŒæœ€ã‚‚æ¥½ãƒãƒ³ã ã£ãŸã‚Šã—ã¾ã™ã€‚ HTML
takets 2018/06/12
<h1>ã¨ã‹ãƒ˜ãƒƒãƒ‰ã‚¿ã‚°ã®æ¨ªã«æ–‡å—ã‚’è¿½åŠ ã—ãŸã„ã¨ãã®æ–¹æ³•

css

html
ãƒªãƒ³ã‚¯
jQueryã®prop()ã§disabledå±žæ€§ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ - Qiita
buttonã‚¿ã‚°ãªã©ã®disabledå±žæ€§ã®åˆ‡ã‚Šæ›¿ãˆã‚’ã€jQueryã®prop()ã«ã‚ˆã£ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹æ–¹æ³•ã§ã™ã€‚
takets 2018/05/18
jquery

html

javascript
ãƒªãƒ³ã‚¯
ç¦æ¢ã‚¿ã‚°ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã¨ã„ã†ã‚¨ãƒ©ãƒ¼ãŒè¡¨ç¤ºã•ã‚ŒæŠ•ç¨¿ã§ãã¾ã›ã‚“ï½œAmebaãƒ˜ãƒ«ãƒ—
ä¾‹ãˆã°ã“ã®ã‚ˆã†ãªæŠ•ç¨¿ã‚’ã•ã‚Œã¦ã„ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ä»–ã®è¨˜äº‹ã‚„ãƒ¡ãƒ¢å¸³ãªã©ã‹ã‚‰ã‚³ãƒ”ãƒ¼ã—ã¦è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã‚‹ ãƒªãƒ–ãƒã‚°ã‚’è¤‡æ•°ã—ã¦ã„ã‚‹ ã‚³ãƒ”ãƒ¼ãƒ»è²¼ã‚Šä»˜ã‘ã‚’ã™ã‚‹ã¨æ„å›³ã—ãªã„ã‚¿ã‚°ãŒå…¥ã‚Šã€ãã‚ŒãŒAmebaãƒ–ãƒã‚°ã®ç¦æ¢ã‚¿ã‚°ã§ã‚ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ—ãƒ¬ãƒ¼ãƒ³ãƒ†ã‚ã‚¹ãƒˆãƒ»æ›¸å¼ãªã—ã§è²¼ã‚Šä»˜ã‘ã‚‹ã‹ã€ã‚³ãƒ”ãƒ¼ç‰ã›ãšã«åˆã‚ã‹ã‚‰è¨˜äº‹æœ¬æ–‡å…¥åŠ›ç”»é¢ã§æ–‡å—ãƒ»ç”»åƒãƒ»ãƒªãƒ³ã‚¯ãƒ»SNSã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å…¥åŠ›ã‚’ãŠè©¦ã—ã„ãŸã ãã¾ã™ã‚ˆã†ãŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ ã‚¢ãƒ¡ãƒ–ãƒã®ç¦æ¢ã‚¿ã‚°ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ã‚¨ãƒ©ãƒ¼ãŒå‡ºãŸå ´åˆã¯ä»¥ä¸‹ã®ã‚¿ã‚°ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ Amebaãƒ–ãƒã‚°ã§ã®ç¦æ¢ã‚¿ã‚°ä¸€è¦§ ãƒ»html ãƒ»head ãƒ»body ãƒ»frame ãƒ»frameset ãƒ»iframe ãƒ»object ãƒ»param ãƒ»server ãƒ»javascript ãƒ»form ãƒ»input ãƒ»embed ãƒ»textarea ãƒ»script ãƒ»meta ãƒ»button ãƒ»option(ãƒ•ãƒªãƒ¼ã‚¹ãƒšãƒ¼
takets 2018/05/11
å®šç•ªã®ç¦æ¢htmlã‚¿ã‚°

html
ãƒªãƒ³ã‚¯
â˜…ç‰¹æ®Šæ–‡å—ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
å±±ç”°å¤ªéƒŽã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã‚„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«10å¹´ä»¥ä¸Šã®çµŒé¨“ã‚’æŒã¤ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®å°‚é–€å®¶ã§ã™ã€‚ç‰¹ã«HTML5 Canvasã‚„JavaScriptã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãƒ¡ãƒ‡ã‚£ã‚¢ã«ç²¾é€šã—ã¦ãŠã‚Šã€å‹•çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚„æœ€å…ˆç«¯ã®ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã«æºã‚ã£ã¦ãã¾ã—ãŸã€‚è¤‡é›‘ãªå›³å½¢æç”»ã‚„ç”»åƒæ“ä½œã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹çŸ¥è˜ãŒè±Šå¯Œã§ã€ã‚¦ã‚§ãƒ–æŠ€è¡“ã®é™ç•Œã‚’è¿½æ±‚ã™ã‚‹é–‹ç™ºè€…ãŸã¡ã«ã¨ã£ã¦é ¼ã‚Šã«ãªã‚‹å˜åœ¨ã§ã™ã€‚çŸ¥è˜ã®å…±æœ‰ã«æƒ…ç†±ã‚’æŒã¡ã€åˆå¿ƒè€…ã‹ã‚‰ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã¾ã§å¹…åºƒãæ”¯æ´ã™ã‚‹ãŸã‚ã€æŠ€è¡“ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã‚„ãƒ–ãƒã‚°ã«ã‚‚ç©æ¥µçš„ã«è²¢çŒ®ã—ã¦ã„ã¾ã™ã€‚
takets 2016/11/09
#&xxxxã¨ã‹ã‚’èª¿ã¹ã‚‹ã‚µã‚¤ãƒˆ

ç‰¹æ®Šæ–‡å—

html

æ–‡å—ã‚³ãƒ¼ãƒ‰
ãƒªãƒ³ã‚¯
[63] ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ã§ ä»–ã®HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’çµ„ã¿è¾¼ã‚‚ã† iframeè¦ç´
<iframe>è¦ç´ ã® HTML5 ã§ã®å¤‰æ›´ç‚¹ã¯ã€frameborderå±žæ€§ãƒ»marginheightå±žæ€§ãƒ»marginwidthå±žæ€§ãƒ»scrollingå±žæ€§ãƒ»longdescå±žæ€§ãƒ»alignå±žæ€§ãƒ»scrollingå±žæ€§ãŒå»ƒæ¢ã•ã‚ŒãŸã“ã¨ã€‚ ä»£ã‚ã‚Šã«æ–°ã—ãã€srcdocå±žæ€§ãƒ»seamlesså±žæ€§ãƒ»sandboxå±žæ€§ãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚ ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’é…ç½®ã—ã¦ã¿ã‚ˆã† â—ã‚µãƒ³ãƒ—ãƒ«1ï¼šã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ã®åŸºæœ¬å½¢ srcå±žæ€§ã§ã€åˆ¥ã®HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’æŒ‡å®šã™ã‚‹ã®ãŒåŸºæœ¬å½¢ã§ã™ã€‚ ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã—ãªã‘ã‚Œã°ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚µã‚¤ã‚º ï¼ˆ300pxÃ—150pxï¼‰ã«ãªã‚Šã¾ã™ã€‚ <iframe src="smp63_1.html"></iframe> ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã™ã‚‹ã¨ã€ã“ã‚“ãªã‹ã‚“ã˜ã€‚ <iframe src="smp63_1.html" width="280" height="120"></iframe> width
takets 2016/06/13
html

html5
ãƒªãƒ³ã‚¯
ã€ŒSEOÃ—SNSÃ—ãƒ–ãƒã‚°ã€ã§ä½œã‚‹æœ€åŠ¹çŽ‡åŒ–åŽç›Šã‚·ã‚¹ãƒ†ãƒ ï½œã†ãã ã„ã‚‰ãƒ–ãƒã‚°Î²
è‹¥ãé ƒã‹ã‚‰é¦–ã‹ã‚‰ä¸‹ãŒå‹•ã‹ãªããªã£ã¦ã‚‚ãŠé‡‘ã«å›°ã‚‰ãªã„ãƒ©ã‚¤ãƒ•ã‚¹ã‚¿ã‚¤ãƒ«ã‚’çªãè©°ã‚ã€ãã‚Œã‚’é”æˆã™ã‚‹éŽç¨‹ã§ã²ãã“ã‚‚ã‚Šã¨åŒ–ã—è¶³ãŒæžã®ã‚ˆã†ã«ãªã£ãŸç”·ã†ãã ã„ã‚‰ã€‚ ã“ã®ã¾ã¾ã§ã¯ãƒ€ãƒ¡ã ã¨ãƒ‘ãƒ¼ã‚½ãƒŠãƒ«ãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°ã«é€šã„ã ã—ã€ãƒ—ãƒãƒ†ã‚¤ãƒ³ã«ã‚ˆã‚‹æ€¥ãªæ „é¤Šè£œçµ¦ã€ãƒã‚¯é£Ÿã„ã«ã‚ˆã‚‹ä½“é‡å¢—åŠ ã®çµæžœã€å°¿ç®¡çµçŸ³ã«ãªã‚Šæ»ã‚’è¦šæ‚Ÿã—ãŸä¸ŠãŸã ã®ãƒ‡ãƒ–ã«ãªã£ãŸç”·ã†ãã ã„ã‚‰ã€‚ å°å¦5å¹´ç”Ÿã®ç™»ä¸‹æ ¡æ™‚ã€ã‚Šã‚“ã”ç•‘ã§ã†ã‚“ã¡ã‚’æ¼ã‚‰ã—ã¦å¤§å·æ³£ã—ãŸæ‚”ã—ã•ã‚’ç§ã¯ç”Ÿæ¶¯å¿˜ã‚Œã‚‹ã“ã¨ã¯ãªã„ã ã‚ã†ã€‚
takets 2015/11/01
css

html

design
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã®å·¦å³ã®ä½™ç™½ï¼ˆæž å¤–ï¼‰ã«è‰²ã‚’ä»˜ã‘ã‚‹æ–¹æ³• - OKWAVE
ã„ã‚ã‚†ã‚‹å¤–éƒ¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ä½¿ã„ã¾ã™ã€‚ ãã“ã§ã€ body{background-color:#eee8aa;} ã§ã‚ˆã„ã§ã™ã€‚ãŸã ã—æ¨™æº–ã§ã¯éš™é–“ãŒé–‹ãã“ã¨ãŒã‚ã‚‹ã®ã§ html,body{padding:0;margin:0;background-color:#eee8aa;} ã¨ã—ã¦ãŠãã¾ã™ã€‚ é€šå¸¸ã¯èƒŒæ™¯ç”»åƒã‚„ã€font-family,line-height,colorãªã©ã€ç¶™æ‰¿ã•ã‚Œã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚‚ä¸€ç·’ã«å›ºå®šã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ(æ°¸ç¶šã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ)æ›¸ã„ã¦ãŠãã¾ã™ã€‚ â˜…HTMLã¯ãã¡ã‚“ã¨æ–‡æ›¸æ§‹é€ ã«ã—ãŸãŒã£ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã«classåã‚’ã¤ã‘ãŸã‚ŠIDã‚’ã¤ã‘ã‚‹ã“ã¨ã¯é–“é•ã„ã§ã™ã€‚ ã‚¿ã‚°ã‚¹ãƒ¼ãƒ—ã«ãªã£ã¡ã‚ƒã„ã¾ã™ã€‚å…¸åž‹çš„ãªæ‚ªã„ä¾‹ãŒ<div class=wrap">ã®ã‚ˆã†ã«æ„å‘³ã®ãªã„(éžã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãª)ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ã™ã€‚(ã“ã‚Œã¯æŸã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ç”±æ¥ã®ã‚‚ã®ã§ã™ã€‚)HTML4.01ãŒç™»å ´ã—ã¦
takets 2015/05/08
html

css
ãƒªãƒ³ã‚¯
ã‚¹ãƒšãƒ¼ã‚µãƒ¼GIFã®ä½¿ç”¨
å¾®å¦™ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆè¡¨ç¾ã«æœ€é© ã‚¹ãƒšãƒ¼ã‚µãƒ¼GIFã€spacer.gifã€‘ã¨ã¯ã€ä¸èº«ã¯ä½•ã‚‚ãªã„é€æ˜ŽãªGIFç”»åƒã‚’ã€è¡Œé–“ã‚„ãƒ†ãƒ¼ãƒ–ãƒ«ã®ä½™ç™½èª¿æ•´ãªã©ã«å¿œç”¨ã—ãŸã‚‚ã®ã§ã™ã€‚ é€šå¸¸ã¯ç¸¦æ¨ª1ãƒ”ã‚¯ã‚»ãƒ«ã®ç”»åƒã‚’ã€Œwidthã¨heightã€ã§æŒ‡å®šã—ã€è‡ªç”±ã«ä¼¸ç¸®ã•ã›ã¦ç›®çš„ã®å ´æ‰€ã«æŒ¿å…¥ã—ã¾ã™ã€‚ ãªãœGIFç”»åƒãªã®ã‹ ç¾åœ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ãŒå¯¾å¿œã—ã¦ã„ã‚‹ç”»åƒã®ç¨®é¡žã¯åŸºæœ¬çš„ã«ã¯2ã¤ã€‚ ã€ŒGIFç”»åƒã€ã¨ã€ŒJPEGç”»åƒã€ã§ã™ã€‚ ã“ã®ã†ã¡ç”»åƒã‚’é€æ˜ŽåŒ–ã§ãã‚‹ï¼ˆèƒŒæ™¯ã‚’é€éŽã§ãã‚‹ï¼‰ã®ã¯GIFç”»åƒã ã‘ãªã®ã§ã™ã€‚ èƒŒæ™¯ã®è‰²ã¨åŒè‰²ã«ã™ã‚Œã°JPEGç”»åƒã‚’ä½¿ã†ã“ã¨ã‚‚å‡ºæ¥ã¾ã™ãŒã€èƒŒæ™¯ã«ä¾å˜ã—ã¦ã—ã¾ã†ã®ã§æ±Žç”¨æ€§ã®ã‚ã‚‹GIFç”»åƒã‚’ä½¿ã†ã®ãŒä¸€èˆ¬çš„ã§ã™ã€‚ ãªãœã‚ã–ã‚ã–ç”»åƒã‚’ä½¿ã†ã®ã‹ è¡Œé–“ã®èª¿ç¯€ã‚„ä½™ç™½èª¿æ•´ã¯æ”¹è¡Œã€brã€‘ã‚’æŒ¿å…¥ã—ã¦ã—ã¾ã†ã®ãŒä¸€ç•ªæ¥½ãªæ–¹æ³•ã§ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã“ã‚Œã§ã‚‚å•é¡Œã¯ãªã„ã®ã§ã™ãŒã€æ”¹è¡Œã§ç©ºãã‚¹ãƒšãƒ¼ã‚¹ã¯ã‚ã‚‰ã‹ã˜ã‚æ±ºã¾ã£ã¦ã„ã¾ã™ã€‚ ã¤ã¾ã‚Šã€æ”¹è¡Œã§å¾®å¦™ãªä½™ç™½
takets 2015/01/14
é€æ˜Žãªç”»åƒã‚’é…ç½®ã™ã‚‹ã“ã¨ã§å¾®å¦™ãªæ„Ÿè¦šèª¿ç¯€ã‚’ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ ä»Šã¯å»ƒã‚Œã¦ã„ã‚‹ã€‚cssã¨ã‹ã§ã‚„ã‚‹ã¹ãã ã‚ã†ã‹ã‚‰ã€ã‚ã‚“ã¾ã‚Šä½¿ã‚ãªã„ã‚ˆã†ã«ã€‚

html
ãƒªãƒ³ã‚¯
ãƒœã‚¿ãƒ³ã‚’å‹•çš„ã«disabledã•ã›ãŸã„ã®ã§ã™ãŒ
ãŠä¸–è©±ã«ãªã‚Šã¾ã™ã€‚ ã‚ã‚‹ç”»é¢ã«è¤‡æ•°ãƒœã‚¿ãƒ³ãŒã‚ã£ã¦ æŠ¼ã•ã‚ŒãŸãƒœã‚¿ãƒ³ã‚’disabledã«ã—ãŸã„ãªã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ãŸã ã—ã©ã®ãƒœã‚¿ãƒ³ãŒãŠã•ã‚Œã¦ã‚‚åŒã˜é–¢æ•°ã«é£›ã‚“ã§ã»ã—ã„ã®ã§ã™ãŒ ã„ã¾ã„ã¡è§£æ±ºã§ãã¾ã›ã‚“ã€‚ <form name="form"> <input type="button" name="syori1" value="ãƒœã‚¿ãƒ³1" onClick="javascript:hogehoge()"> <input type="button" name="syori2" value="ãƒœã‚¿ãƒ³2" onClick="javascript:hogehoge()"> <input type="button" name="syori3" value="ãƒœã‚¿ãƒ³3" onClick="javascript:hogehoge()"> </form > ã¨ã‚ã£ãŸå ´åˆ function hogehoge(){ doc
takets 2014/11/27
javascriptã‹ã‚‰ãƒœã‚¿ãƒ³ã‚’ç„¡åŠ¹ã«ã™ã‚‹æ–¹æ³•ã€‚

Javascript

html
ãƒªãƒ³ã‚¯
https://qiita.com/nyarla/items/10f0f3e3c2116417df59
takets 2014/11/10
web

html

css

Javascript
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ä¸å¤®ã«è¡¨ç¤ºã™ã‚‹
takets 2014/05/01
Javascript

html
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸å†…ã‚¸ãƒ£ãƒ³ãƒ— HTML <a>
ãƒªãƒ³ã‚¯ã—ãŸã„å ´æ‰€ã«ã‚¢ãƒ³ã‚«ãƒ¼ï¼ˆç›®å°ï¼‰ã‚’ç½®ã„ã¦ã€<a href="#ã‚¢ãƒ³ã‚«ãƒ¼å">ã§ãƒªãƒ³ã‚¯ã™ã‚‹ã¨ãƒšãƒ¼ã‚¸å†…ã‚¸ãƒ£ãƒ³ãƒ—ãŒå‡ºæ¥ã‚‹ã€‚ ã‚¢ãƒ³ã‚«ãƒ¼ï¼ˆç›®å°ï¼‰ã‚’ä½œã‚‹ <a name="ã‚¢ãƒ³ã‚«ãƒ¼å">æ–‡å—</a> ãƒšãƒ¼ã‚¸å†…ã®å¥½ããªå ´æ‰€ã‚„ç‰¹å®šã®æ–‡å—ã«ã‚¢ãƒ³ã‚«ãƒ¼åã‚’ã¤ã‘ã‚‹ã€‚ ä¾‹ï¼‰ <a name="a1" >å†…å®¹</a> <è¦ç´ id="ã‚¢ãƒ³ã‚«ãƒ¼å"> è¦ç´ ãã‚Œãžã‚Œã«idå±žæ€§ã‚’ä½¿ã£ã¦ã€ã‚¢ãƒ³ã‚«ãƒ¼åã‚’ã¤ã‘ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã€‚ ä¾‹ï¼‰ <h2 id="a2">å†…å®¹</h2> ä¾‹ï¼‰ <div id="a3">å†…å®¹</div> ã‚¢ãƒ³ã‚«ãƒ¼åã¯å¥½ããªåå‰ã‚’ã¤ã‘ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚ åŒãƒšãƒ¼ã‚¸å†…ã§ã¯ã€åŒã˜ã‚¢ãƒ³ã‚«ãƒ¼åã¯ä½¿ãˆãªã„ã€‚ã‚¢ãƒ³ã‚«ãƒ¼åã¯åŠè§’è‹±æ•°å—ã§ã¤ã‘ã‚‹ã€‚ ãƒšãƒ¼ã‚¸å†…ã®ã‚¢ãƒ³ã‚«ãƒ¼ã¸ãƒªãƒ³ã‚¯ã™ã‚‹ <a href="#ã‚¢ãƒ³ã‚«ãƒ¼å">æ–‡å—ãƒ»ç”»åƒ</a> <a name="ã‚¢ãƒ³ã‚«ãƒ¼å">ã‚„<è¦ç´ id="ã‚¢ãƒ³ã‚«ãƒ¼å">ã§ã‚¢ãƒ³ã‚«ãƒ¼åã‚’ã¤ã‘ãŸå ´æ‰€ã«ãƒªãƒ³ã‚¯ã—ã¾ã™ã€‚
takets 2014/04/21
ã‚¿ã‚°ã‚’ä½¿ã†

html
ãƒªãƒ³ã‚¯
ã²ã‚ˆã£ã“ãƒ¡ãƒ¢ â€“ æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’æ¶ˆã™
æœ€è¿‘ã®ã‚³ãƒ¡ãƒ³ãƒˆ æ£è¦è¡¨ç¾ã®åŸºæœ¬ â”” kanakana - 11/16 ãƒ¦ãƒ¼ã‚¶ã¨ç®¡ç†è€…ã®æ¨©é™ â”” nz - 06/15 â”” kanakana - 06/15 ã¦ã™ã¨ â”” kanakana - 06/14 â”” kanakana - 06/14 ãƒ†ã‚¹ãƒˆ â”” test01 - 06/13 â”” test02 - 06/13 â”” kanakana - 06/13
takets 2014/02/25
html

ie
ãƒªãƒ³ã‚¯
Table Tag Generator
æ•°å€¤ã‚’å¢—æ¸›ã•ã›ã‚‹ã«ã¯ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§å…¥åŠ›ã™ã‚‹ã‹ã€ã‚¹ãƒ”ãƒŠãƒ¼ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã‹ã€ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã‚’å›žã—ã¦ãã ã•ã„ã€‚ ã‚»ãƒ«ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦é¸æŠžã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ æ–‡å—ã‚’å…¥åŠ›ã—ã¦ãã ã•ã„ ã‚¯ãƒ©ã‚¹åã‚’å…¥åŠ›ã—ã¦ãã ã•ã„ Ã— It is not possible to merge <td> and <th>. Ã— çµåˆã—ãŸã‚»ãƒ«ã‚’å†çµåˆã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ä¸€åº¦ã€åˆ†å‰²ã—ã¦ãã ã•ã„ã€‚ Ã— æ•°å—ã‚’å…¥åŠ›ã—ã¦ãã ã•ã„ Ã— è‡ªç„¶æ•°(1,2,3...)ã‚’å…¥åŠ›ã—ã¦ãã ã•ã„ Ã— æ“ä½œå¯¾è±¡ã¨ãªã‚‹ã‚»ãƒ«ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦é¸æŠžã—ã¦ãã ã•ã„ ä½¿ã„æ–¹ 1. ã¾ãšè¡¨ã®å¤§ãã•ï¼ˆè¡Œã¨åˆ—ï¼‰ã‚’æ±ºã‚ã¦ãã ã•ã„ã€‚æ•°å—ã‚’ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§å…¥åŠ›ã™ã‚‹ã‹ã€ã‚¹ãƒ”ãƒŠãƒ¼ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã‹ã€ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã‚’å›žã—ã¦ãã ã•ã„ã€‚ 2. td ã‚¿ã‚°ã®ä»£ã‚ã‚Šã« th ã‚¿ã‚°ã‚’ä½¿ã„ãŸã„å ´åˆï¼ˆã¾ãŸã¯ãã®é€†ï¼‰ã¯ã€å¤‰æ›ã—ãŸã„ã‚»ãƒ«ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦é¸æŠžã—ã€ã€Œtd â†” thã€ ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãã ã•ã„ã€‚
takets 2014/01/23
html
ãƒªãƒ³ã‚¯
â˜…ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
å±±ç”°å¤ªéƒŽã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã‚„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«10å¹´ä»¥ä¸Šã®çµŒé¨“ã‚’æŒã¤ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®å°‚é–€å®¶ã§ã™ã€‚ç‰¹ã«HTML5 Canvasã‚„JavaScriptã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãƒ¡ãƒ‡ã‚£ã‚¢ã«ç²¾é€šã—ã¦ãŠã‚Šã€å‹•çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚„æœ€å…ˆç«¯ã®ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã«æºã‚ã£ã¦ãã¾ã—ãŸã€‚è¤‡é›‘ãªå›³å½¢æç”»ã‚„ç”»åƒæ“ä½œã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹çŸ¥è˜ãŒè±Šå¯Œã§ã€ã‚¦ã‚§ãƒ–æŠ€è¡“ã®é™ç•Œã‚’è¿½æ±‚ã™ã‚‹é–‹ç™ºè€…ãŸã¡ã«ã¨ã£ã¦é ¼ã‚Šã«ãªã‚‹å˜åœ¨ã§ã™ã€‚çŸ¥è˜ã®å…±æœ‰ã«æƒ…ç†±ã‚’æŒã¡ã€åˆå¿ƒè€…ã‹ã‚‰ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã¾ã§å¹…åºƒãæ”¯æ´ã™ã‚‹ãŸã‚ã€æŠ€è¡“ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã‚„ãƒ–ãƒã‚°ã«ã‚‚ç©æ¥µçš„ã«è²¢çŒ®ã—ã¦ã„ã¾ã™ã€‚
takets 2014/01/21
border-collapseãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€éš£æŽ¥ã™ã‚‹ã‚»ãƒ«ã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’é‡ãã¦è¡¨ç¤ºã™ã‚‹ã‹ï¼ˆcollapseï¼‰ã€é–“éš”ã‚’ã‚ã‘ã¦è¡¨ç¤ºã™ã‚‹ã‹ï¼ˆseparateï¼‰ã‚’æŒ‡å®šã—ã¾ã™ã€‚

css

html
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸