{"id":2569,"date":"2021-04-19T17:13:29","date_gmt":"2021-04-19T08:13:29","guid":{"rendered":"https:\/\/design.coeure.co.jp\/blog\/?p=2569"},"modified":"2026-04-13T11:49:42","modified_gmt":"2026-04-13T02:49:42","slug":"programming-08","status":"publish","type":"post","link":"https:\/\/design.coeure.co.jp\/blog\/webmarketing\/homepage\/programming-08","title":{"rendered":"\u6587\u7ae0\u306e\u4e00\u90e8\u5206\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\u3059\u308b\u65b9\u6cd5\uff0d\u521d\u5fc3\u8005\u3082\u3067\u304d\u308b\uff01\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u57fa\u790e\u8b1b\u5ea7\u3010\u7b2c8\u56de\u3011"},"content":{"rendered":"\n<p>\u30b7\u30ea\u30fc\u30ba\u7b2c8\u56de\u306f\u3001\u6587\u7ae0\u306e\u4e00\u90e8\u5206\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002\u7279\u5b9a\u306e\u8981\u7d20\u5168\u4f53\u3067\u306f\u306a\u304f\u3001\u4e00\u90e8\u5206\u3060\u3051\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u3042\u3066\u305f\u3044\u3068\u3044\u3046\u3053\u3068\u306f\u3088\u304f\u3042\u308a\u307e\u3059\u3002\u305d\u306e\u5834\u5408\u3001\u3069\u306e\u3088\u3046\u306bHTML\u3084CSS\u3067\u8a18\u8ff0\u3067\u304d\u308b\u3067\u3057\u3087\u3046\u304b\u3002\u95a2\u9023\u3057\u3066\u3001\u30d6\u30ed\u30c3\u30af\u30ec\u30d9\u30eb\u8981\u7d20\u3068\u30a4\u30f3\u30e9\u30a4\u30f3\u8981\u7d20\u306e\u9055\u3044\u306b\u3064\u3044\u3066\u3082\u304b\u3093\u305f\u3093\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n\n\n\n\n<h2 class=\"wp-block-heading\">span\u8981\u7d20\u3092\u4f7f\u3046\u65b9\u6cd5<\/h2>\n\n\n\n<p>\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3057\u305f\u3044\u6587\u7ae0\u306e\u4e00\u90e8\u5206\u3092<strong>span\u8981\u7d20<\/strong>\u3067\u56f2\u307f\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3057\u307e\u3059\u3002\u65b9\u6cd5\u306f\u7c21\u5358\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/html001-1024x509.jpg\" alt=\"\" class=\"wp-image-2572\" srcset=\"https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/html001-1024x509.jpg 1024w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/html001-300x149.jpg 300w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/html001-768x382.jpg 768w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/html001.jpg 1285w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n\n\n\n\n<p>\u4e0a\u306e\u753b\u50cf\u306e\u3088\u3046\u306b\u3001index.html\u30d5\u30a1\u30a4\u30eb\u306ebody\u5185\u306b\u3042\u308bmain\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u4e2d\u306bh1\u3068p\u3092\u8a18\u8ff0\u3057\u307e\u3057\u305f\u3002\u4e21\u65b9\u306e\u6587\u7ae0\u306b\u542b\u307e\u308c\u308b\u300c\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u300d\u3068\u3044\u3046\u6587\u5b57\u3060\u3051\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"294\" src=\"https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/html002-1024x294.jpg\" alt=\"\" class=\"wp-image-2573\" srcset=\"https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/html002-1024x294.jpg 1024w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/html002-300x86.jpg 300w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/html002-768x220.jpg 768w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/html002.jpg 1282w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n\n\n\n\n<p>\u5358\u7d14\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3057\u305f\u3044\u6587\u5b57\u3092span\u8981\u7d20\u3067\u56f2\u307f\u307e\u3059\u3002\u4eca\u56de\u306e\u5834\u5408\u300c\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u300d\u3068\u3044\u3046\u6587\u5b57\u3067\u3059\u3002\u5f8c\u306fCSS\u3067\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\u3059\u308b\u3060\u3051\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1010\" height=\"130\" src=\"https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/css001.jpg\" alt=\"\" class=\"wp-image-2574\" srcset=\"https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/css001.jpg 1010w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/css001-300x39.jpg 300w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/css001-768x99.jpg 768w\" sizes=\"(max-width: 1010px) 100vw, 1010px\" \/><\/figure>\n\n\n\n\n\n\n\n<p>\u4e0a\u306e\u753b\u50cf\u306e\u3088\u3046\u306b\u3001stylesheet.css\u30d5\u30a1\u30a4\u30eb\u306b\u8a18\u8ff0\u3057\u307e\u3059\u3002span\u8981\u7d20\u3092\u30bb\u30ec\u30af\u30bf\u306b\u3057\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u90e8\u5206\u3067\u6587\u5b57\u8272\u3092blue\uff08\u9752\u8272\uff09\u306b\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u3066\u8868\u793a\u3092\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"214\" src=\"https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/result001-1024x214.jpg\" alt=\"\" class=\"wp-image-2575\" srcset=\"https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/result001-1024x214.jpg 1024w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/result001-300x63.jpg 300w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/result001-768x160.jpg 768w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/result001-1536x321.jpg 1536w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/result001.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n\n\n\n\n<p>\u6307\u5b9a\u3057\u305f\u901a\u308a\u300c\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u300d\u3068\u3044\u3046\u6587\u5b57\u3060\u3051\u304c\u9752\u8272\u306b\u306a\u3063\u3066\u3044\u308b\u306e\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002\u4eca\u56de\u306fspan\u8981\u7d20\u5168\u4f53\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\u3057\u305f\u306e\u3067\u3001h1\u3082p\u3082\u540c\u3058\u30b9\u30bf\u30a4\u30eb\uff08\u6587\u5b57\u8272\uff1a\u9752\u767d\uff09\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>span\u8981\u7d20\u306bclass\u3092\u3064\u3051\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002h1\u3068\uff50\u306b\u5225\u306eclass\u540d\u3092\u3064\u3051\u3066\u305d\u308c\u305e\u308c\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\u3059\u308c\u3070\u3001\u5225\u3005\u306e\u6587\u5b57\u8272\u306b\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002class\u540d\u306e\u8a18\u8ff0\u65b9\u6cd5\u3084CSS\u3067\u306e\u30b9\u30bf\u30a4\u30eb\u306e\u6307\u5b9a\u306b\u3064\u3044\u3066\u306f\u3001\u30b7\u30ea\u30fc\u30ba\u7b2c6\u56de\u3067\u89e3\u8aac\u3057\u3066\u307e\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -internal\" data-type=\"type2\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">\u95a2\u9023\u8a18\u4e8b<\/span>\n\t\t\t\t\t<div class=\"p-blogCard__thumb c-postThumb\"><figure class=\"c-postThumb__figure\"><img decoding=\"async\" src=\"https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/02\/programming000-300x169.jpg\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" width=\"320\" height=\"180\"><\/figure><\/div>\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/design.coeure.co.jp\/blog\/webmarketing\/homepage\/programming-06\" target=\"_blank\" rel=\"noopener noreferrer\">\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u57fa\u790e\uff0d\u521d\u5fc3\u8005\u3082\u3067\u304d\u308b\uff01\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u57fa\u790e\u8b1b\u5ea7\u3010\u7b2c6\u56de\u3011<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">\u30b7\u30ea\u30fc\u30ba\u8a18\u4e8b\u300c\u521d\u5fc3\u8005\u3082\u3067\u304d\u308b\uff01\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u57fa\u790e\u8b1b\u5ea7\u300d\u306e\u7b2c6\u56de\u306f\u3001\u30da\u30fc\u30b8\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u57fa\u790e\u3067\u3059\u3002\u30b5\u30a4\u30c8\u306e\u76ee\u7684\u306b\u3088\u3063\u3066\u5909\u308f\u3063\u3066\u304f\u308b\u90e8\u5206\u3067\u3059\u304c\u3001\u57fa\u672c\u7684\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u306b&#8230;<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n\n\n\n\n\n\n\n\n<h2 class=\"wp-block-heading\">\u30d6\u30ed\u30c3\u30af\u30ec\u30d9\u30eb\u8981\u7d20\u3068\u30a4\u30f3\u30e9\u30a4\u30f3\u8981\u7d20<\/h2>\n\n\n\n<p>\u3053\u3053\u3067\u95a2\u9023\u60c5\u5831\u3068\u3057\u3066\u3001HTML\u8981\u7d20\u306e\u5206\u985e\u306b\u3064\u3044\u3066\u7c21\u5358\u306b\u89e6\u308c\u3066\u304a\u304d\u307e\u3059\u3002\u5927\u304d\u304f\u5206\u3051\u3066<strong>2\u7a2e\u985e<\/strong>\u306b\u5206\u985e\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30d6\u30ed\u30c3\u30af\u30ec\u30d9\u30eb\u8981\u7d20<\/strong><\/li>\n\n\n\n<li><strong>\u30a4\u30f3\u30e9\u30a4\u30f3\u8981\u7d20<\/strong><\/li>\n<\/ul>\n\n\n\n<p>\u4e00\u8a00\u3067\u8a00\u3048\u3070\u3001<strong>\u6539\u884c\u3055\u308c\u308b\u8981\u7d20<\/strong>\u3068<strong>\u6539\u884c\u3055\u308c\u306a\u3044\u8981\u7d20<\/strong>\u3067\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30d6\u30ed\u30c3\u30af\u30ec\u30d9\u30eb\u8981\u7d20<\/h3>\n\n\n\n<p>\u524d\u5f8c\u3067\u6539\u884c\u304c\u5165\u308a\u3001\u89aa\u8981\u7d20\u3068\u540c\u3058\u5e45\u306b\u5e83\u304c\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4f8b\uff1adiv\u8981\u7d20\u3001h1\u8981\u7d20\u3001p\u8981\u7d20\u306a\u3069<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30a4\u30f3\u30e9\u30a4\u30f3\u8981\u7d20<\/h3>\n\n\n\n<p>\u6539\u884c\u304c\u5165\u3089\u305a\u3001\u6587\u7ae0\u306e\u6d41\u308c\u3092\u5206\u65ad\u305b\u305a\u306b\u30bf\u30b0\u3067\u56f2\u307e\u308c\u305f\u7bc4\u56f2\u3060\u3051\u3092\u5360\u6709\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4f8b\uff1aspan\u8981\u7d20\u3001a\u8981\u7d20\u306a\u3069<\/p>\n\n\n\n\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"259\" src=\"https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/result002-1024x259.jpg\" alt=\"\" class=\"wp-image-2576\" srcset=\"https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/result002-1024x259.jpg 1024w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/result002-300x76.jpg 300w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/result002-768x194.jpg 768w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/result002-1536x389.jpg 1536w, https:\/\/design.coeure.co.jp\/blog\/wp-content\/uploads\/2021\/04\/result002.jpg 1917w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n\n\n\n\n<p>\u4e0a\u306e\u753b\u50cf\u3067\u306f\u3001\u30d6\u30ed\u30c3\u30af\u30ec\u30d9\u30eb\u8981\u7d20\u3092\u8d64\u5b57\u3001\u30a4\u30f3\u30e9\u30a4\u30f3\u8981\u7d20\u3092\u9752\u5b57\u3067\u793a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3067\u3059\u304b\u3089\u3001\u57fa\u672c\u7684\u306b<strong>\u30a4\u30f3\u30e9\u30a4\u30f3\u8981\u7d20\u306e\u4e2d\u306b\u30d6\u30ed\u30c3\u30af\u30ec\u30d9\u30eb\u8981\u7d20\u3092\u7f6e\u304f\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093<\/strong>\u3002\u3053\u3046\u3057\u305f\u6982\u5ff5\u3082\u899a\u3048\u3066\u304a\u304f\u3068\u826f\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p>\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u65b9\u306f\u3001<a href=\"https:\/\/developer.mozilla.org\/ja\/docs\/Web\/HTML\/Inline_elements\">\u30a4\u30f3\u30e9\u30a4\u30f3\u8981\u7d20\/MDN<\/a>&nbsp;\u30b5\u30a4\u30c8\u304c\u53c2\u8003\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<p>\u30b7\u30ea\u30fc\u30ba\u8a18\u4e8b \u521d\u5fc3\u8005\u3082\u3067\u304d\u308b\uff01\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u57fa\u790e\u8b1b\u5ea7\u3010\u7b2c8\u56de\u3011\u306f\u3044\u304b\u304c\u3067\u3057\u305f\u304b\u3002\u6587\u7ae0\u306e\u4e00\u90e8\u5206\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\u3059\u308b\u65b9\u6cd5\u3001\u305d\u308c\u306b\u95a2\u9023\u3057\u305f\u30d6\u30ed\u30c3\u30af\u30ec\u30d9\u30eb\u8981\u7d20\u3068\u30a4\u30f3\u30e9\u30a4\u30f3\u8981\u7d20\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u3066\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u6b21\u56de\u306f\u3001\u7c21\u5358\u306a\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u306e\u4f5c\u308a\u65b9\u306b\u3064\u3044\u3066\u3067\u3059\u3002\u304a\u697d\u3057\u307f\u306b\uff01<\/p>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u30b7\u30ea\u30fc\u30ba\u7b2c8\u56de\u306f\u3001\u6587\u7ae0\u306e\u4e00\u90e8\u5206\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002\u7279\u5b9a\u306e\u8981\u7d20\u5168\u4f53\u3067\u306f\u306a\u304f\u3001\u4e00\u90e8\u5206\u3060\u3051\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u3042\u3066\u305f\u3044\u3068\u3044\u3046\u3053\u3068\u306f\u3088\u304f\u3042\u308a\u307e\u3059\u3002\u305d\u306e\u5834\u5408\u3001\u3069\u306e\u3088\u3046\u306bHTML\u3084CSS\u3067\u8a18\u8ff0\u3067\u304d\u308b\u3067\u3057\u3087\u3046\u304b\u3002\u95a2\u9023\u3057\u3066\u3001\u30d6\u30ed\u30c3\u30af\u30ec [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":2379,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[21,16],"tags":[],"class_list":["post-2569","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming","category-homepage"],"_links":{"self":[{"href":"https:\/\/design.coeure.co.jp\/blog\/wp-json\/wp\/v2\/posts\/2569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/design.coeure.co.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/design.coeure.co.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/design.coeure.co.jp\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/design.coeure.co.jp\/blog\/wp-json\/wp\/v2\/comments?post=2569"}],"version-history":[{"count":8,"href":"https:\/\/design.coeure.co.jp\/blog\/wp-json\/wp\/v2\/posts\/2569\/revisions"}],"predecessor-version":[{"id":4734,"href":"https:\/\/design.coeure.co.jp\/blog\/wp-json\/wp\/v2\/posts\/2569\/revisions\/4734"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/design.coeure.co.jp\/blog\/wp-json\/wp\/v2\/media\/2379"}],"wp:attachment":[{"href":"https:\/\/design.coeure.co.jp\/blog\/wp-json\/wp\/v2\/media?parent=2569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/design.coeure.co.jp\/blog\/wp-json\/wp\/v2\/categories?post=2569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/design.coeure.co.jp\/blog\/wp-json\/wp\/v2\/tags?post=2569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}