{"id":293,"date":"2021-07-30T09:28:02","date_gmt":"2021-07-30T00:28:02","guid":{"rendered":"https:\/\/suzutukiblog.com\/?p=293"},"modified":"2023-01-05T16:32:41","modified_gmt":"2023-01-05T07:32:41","slug":"html1","status":"publish","type":"post","link":"https:\/\/suzutukiblog.com\/index.php\/2021\/07\/30\/html1\/","title":{"rendered":"HTML\u5b66\u7fd2\u306e\u307e\u3068\u30811(HTML\u306e\u6982\u8981)"},"content":{"rendered":"

HTML(Hyper Text Markup Languege)\u3068\u306f\uff1f<\/h3>\n

\u6587\u7ae0\u69cb\u9020\u3092\u8a18\u8ff0\u3059\u308b\u4ed5\u7d44\u307f\u3067\u3001
\nWeb\u30da\u30fc\u30b8\u306e\u5185\u5bb9\u3092\u8a18\u8ff0\u3059\u308b\u305f\u3081\u306e\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u8a00\u8a9e<\/p>\n

\u5206\u304b\u3089\u306a\u3044\u3053\u3068\u3067\u8a70\u307e\u3063\u305f\u3089\u516c\u5f0f\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u306eMDN\u3092\u53c2\u7167\u3059\u308b<\/p>\n

Google crome\u306e\u691c\u8a3c(F12\u30dc\u30bf\u30f3\u3092\u62bc\u3059)\u3082\u5229\u7528\u3059\u308b\u3002<\/p>\n

\u6587\u6cd5\u306e\u30c1\u30a7\u30c3\u30af\u304c\u3067\u304d\u308b\u2192https:\/\/validator.w3.org<\/a><\/p>\n

div\u3068span\u306e\u9055\u3044(\u6982\u8981)<\/h3>\n

\u30fbCSS\u306edisplay\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u306e\u9055\u3044<\/p>\n

– div\u00a0 \u00a0 \u00a0\u2192 display:block<\/p>\n

–\u00a0 span \u2192 display:inline<\/p>\n

\u30fb\u5e45\u3068\u9ad8\u3055\u3092\u6307\u5b9a\u3067\u304d\u308b\u304b\uff1f<\/p>\n

div\u3000\u2192\u3000\u3067\u304d\u308b<\/p>\n

span \u2192\u3000\u3067\u304d\u306a\u3044<\/p>\n

\u524d\u5f8c\u306b\u6539\u884c\u304c\u5165\u308b\u304b\uff1f<\/p>\n

div\u3000\u2192\u3000\u5165\u308b<\/p>\n

span \u2192\u3000\u5165\u3089\u306a\u3044<\/p>\n

\u5c5e\u6027(Attribute):<\/h3>\n

\u30bf\u30b0\u306b\u4f55\u304b\u3057\u3089\u306e\u8a2d\u5b9a\u3092\u3067\u304d\u308b\u3082\u306e(\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4ed8\u3051\u3089\u308c\u308b)<\/p>\n

<a href=””><\/a>:\u30ea\u30f3\u30af\u3092\u8868\u793a\u3057\u305f\u3044\u3068\u304d\u306b\u4f7f\u3046<\/p>\n

<img src=””>img\u30bf\u30b0\uff1a\u753b\u50cf\u3092\u8868\u793a\u3059\u308b\u3068\u304d\u306b\u4f7f\u3046<\/p>\n

<link rel=”” href=””>head\u5185\u306b\u66f8\u304dBootstrap\u3084\u30d5\u30a9\u30f3\u30c8\u30aa\u30fc\u30b5\u30e0\u3092\u4f7f\u3046\u3068\u304d\u306a\u3069\u304a\u4e16\u8a71\u306b\u306a\u308b<\/p>\n

<p class=””><\/p>\u3053\u3061\u3089\u306fCSS\u3067<\/p>\n

\u306a\u3069\u3088\u304f\u898b\u308b\u3082\u306e<\/p>\n

\u8868(\u30c6\u30fc\u30d6\u30eb)\u306b\u3064\u3044\u3066<\/h3>\n
\n
<table border=\"1\">\r\n\u00a0 <tr><!-- tabale row.\u30c6\u30fc\u30d6\u30eb\u306e\u6a2a\u4e00\u884c -->\r\n\u00a0 \u00a0 <th>\u59d3<\/th> <!-- table header \u30c6\u30fc\u30d6\u30eb\u306e\u898b\u51fa\u3057\u30bb\u30eb -->\r\n\u00a0 \u00a0 <th>\u540d<\/th>\r\n\u00a0 <\/tr>\r\n\u00a0 <tr>\r\n\u00a0 \u00a0 <td>\u5c71\u7530<\/td><!-- table data cell. \u30c6\u30fc\u30d6\u30eb\u306e\u30c7\u30fc\u30bf\u30bb\u30eb -->\r\n\u00a0 \u00a0 <td>\u592a\u90ce<\/td>\r\n\u00a0 <\/tr>\r\n\u00a0 <tr>\r\n\u00a0 \u00a0 <td>\u7530\u4e2d<\/td><!-- table data cell. \u30c6\u30fc\u30d6\u30eb\u306e\u30c7\u30fc\u30bf\u30bb\u30eb -->\r\n\u00a0 \u00a0 <td>\u82b1\u5b50<\/td>\r\n\u00a0 <\/tr>\r\n<\/table><\/code><\/pre>\n<\/div>\n
\u5b9f\u969b\u306b\u51fa\u529b\u3055\u308c\u308b\u3082\u306e<\/h4>\n
\"\"<\/p>\n
\n
<!-- thead\u30fb\u30fb\u30fbtable header\u306e\u7565\u3002\u30c6\u30fc\u30d6\u30eb\u306e\u30d8\u30c3\u30c0\u884c\u3092\u5b9a\u7fa9\r\ntfoot\u30fb\u30fb\u30fbtable footer\u306e\u7565\u3002\u30c6\u30fc\u30d6\u30eb\u306e\u30d5\u30c3\u30bf\u90e8\u5206\u3092\u5b9a\u7fa9\r\ntbody\u30fb\u30fb\u30fbtable body\u306e\u7565\u3002\u30c6\u30fc\u30d6\u30eb\u306e\u30dc\u30c7\u30a3\u90e8\u5206\u3092\u5b9a\u7fa9\u3002 -->\r\n\u00a0 <table border=\"1\">\r\n\u00a0 \u00a0 <thead>\r\n\u00a0 \u00a0 \u00a0 <tr>\r\n\u00a0 \u00a0 \u00a0 \u00a0<th>\u30d8\u30c3\u30c0\u30fc1<\/th>\r\n\u00a0 \u00a0 \u00a0 \u00a0<th>\u30d8\u30c3\u30c0\u30fc2<\/th>\r\n\u00a0 \u00a0 \u00a0 <\/tr>\r\n\u00a0 \u00a0 <\/thead>\r\n\u00a0 <tbody>\r\n\u00a0 \u00a0 <tr>\r\n\u00a0 \u00a0 \u00a0 <td>\u30c7\u30fc\u30bf1<\/td>\r\n\u00a0 \u00a0 \u00a0 <td>\u30c7\u30fc\u30bf2<\/td>\r\n\u00a0 \u00a0 <\/tr>\r\n\u00a0 <\/tbody>\r\n\u00a0 <tfoot>\r\n\u00a0 \u00a0 <tr>\r\n\u00a0 \u00a0 \u00a0 <td>\u30d5\u30c3\u30bf\u30fc1<\/td>\r\n\u00a0 \u00a0 \u00a0 <td>\u30d5\u30c3\u30bf\u30fc2<\/td>\r\n\u00a0 \u00a0 <\/tr>\r\n <\/tfoot><\/code><\/pre>\n<\/div>\n
\u5b9f\u969b\u306b\u51fa\u529b\u3055\u308c\u308b\u3082\u306e<\/h4>\n
\"\"<\/pre>\n
\n
\n
\n
<h2>\u30bb\u30eb\u306e\u7d50\u5408<\/h2>\r\n<h3>\u6a2a\u306b\u7d50\u5408<\/h3>\r\n<table border=\"1\">\r\n  <tr>\r\n   <th colspan=\"3\">\u6a2a\u306b\u7d50\u5408<\/th>\r\n  <\/tr>\r\n  <tr>\r\n   <td>\u30c7\u30fc\u30bf\uff11<\/td>\r\n   <td>\u30c7\u30fc\u30bf\uff12<\/td>\r\n   <td>\u30c7\u30fc\u30bf\uff13<\/td>\r\n  <\/tr>\r\n<\/table><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
\u5b9f\u969b\u306b\u51fa\u529b\u3055\u308c\u308b\u3082\u306e<\/h4>\n
\"\"<\/p>\n
\n
\n
\n
<h3>\u7e26\u306b\u7d50\u5408<\/h3>\r\n<table border=\"1\">\r\n  <tr>\r\n    <td rowspan=\"3\">\u7e26\u65b9\u5411\u306b\u7d50\u5408<\/td>\r\n  <td>\u30c7\u30fc\u30bf1<\/td>\r\n   <\/tr>\r\n  <tr>\r\n   <td>\u30c7\u30fc\u30bf2<\/td>\r\n  <\/tr>\r\n    <td>\u30c7\u30fc\u30bf3<\/td>\r\n  <\/tr>\r\n<\/table><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n
\u5b9f\u969b\u306b\u51fa\u529b\u3055\u308c\u308b\u3082\u306e<\/h4>\n
\"\"<\/p>\n
\n
\n
<h2>caption<\/h2>\r\n<table border=\"1\">\r\n  <caption>\r\n    \u30ad\u30e3\u30d7\u30b7\u30e7\u30f3\r\n  <\/caption>\r\n  <tr>\r\n   <td>\u30c7\u30fc\u30bf\uff11<\/td>\r\n   <td>\u30c7\u30fc\u30bf\uff12<\/td>\r\n   <td>\u30c7\u30fc\u30bf\uff13<\/td>\r\n  <\/tr>\r\n<\/table><\/code><\/pre>\n<\/div>\n<\/div>\n
\u5b9f\u969b\u306b\u51fa\u529b\u3055\u308c\u308b\u3082\u306e<\/h4>\n
\"\"<\/p>\n
\u305d\u306e\uff12\u306b\u7d9a\u304f<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
HTML(Hyper Text Markup Languege)\u3068\u306f\uff1f \u6587\u7ae0\u69cb\u9020\u3092\u8a18\u8ff0\u3059\u308b\u4ed5\u7d44\u307f\u3067\u3001 Web\u30da\u30fc\u30b8\u306e\u5185\u5bb9\u3092\u8a18\u8ff0\u3059\u308b\u305f\u3081\u306e\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u8a00\u8a9e \u5206\u304b\u3089\u306a\u3044\u3053\u3068\u3067\u8a70\u307e\u3063\u305f\u3089\u516c\u5f0f\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u306eMDN\u3092\u53c2\u7167\u3059\u308b Go […]<\/p>\n","protected":false},"author":1,"featured_media":7076,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[8,27],"tags":[],"class_list":["post-293","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","category-programming-note"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/comments?post=293"}],"version-history":[{"count":33,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/293\/revisions"}],"predecessor-version":[{"id":7244,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/293\/revisions\/7244"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/media\/7076"}],"wp:attachment":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/media?parent=293"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/categories?post=293"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/tags?post=293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}