{"id":383,"date":"2018-10-23T21:22:03","date_gmt":"2018-10-23T12:22:03","guid":{"rendered":"https:\/\/dennie.tokyo\/it\/?p=383"},"modified":"2025-12-16T20:41:04","modified_gmt":"2025-12-16T11:41:04","slug":"html%e5%9f%ba%e6%9c%ac-%e5%9f%ba%e6%9c%ac%e7%9a%84%e3%81%aa%e3%82%bf%e3%82%b0","status":"publish","type":"post","link":"https:\/\/dennie.tokyo\/it\/?p=383","title":{"rendered":"HTML\u57fa\u672c &#8211; \u57fa\u672c\u7684\u306a\u30bf\u30b0"},"content":{"rendered":"\n<p>\u57fa\u672c\u7684\u306ahtml\u30bf\u30b0\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<!--more-->\n\n\n\n<h1 class=\"wp-block-heading\">\u30bf\u30a4\u30c8\u30eb<\/h1>\n\n\n\n<p>h1\u304b\u3089h6\u8981\u7d20\u306f\u30bf\u30a4\u30c8\u30eb\u3092\u8868\u3057\u307e\u3059\u3002<br>h1\u304c\u4e00\u756a\u5927\u304d\u306a\u898b\u51fa\u3057\u3001h6\u304c\u4e00\u756a\u5c0f\u3055\u306a\u898b\u51fa\u3057\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;h1&gt;h1.\u3042\u3042\u3042\u3042\u3042&lt;\/h1&gt;\n&lt;h2&gt;h2.\u3042\u3042\u3042\u3042\u3042&lt;\/h2&gt;\n&lt;h3&gt;h3.\u3042\u3042\u3042\u3042\u3042&lt;\/h3&gt;\n&lt;h4&gt;h4.\u3042\u3042\u3042\u3042\u3042&lt;\/h4&gt;\n&lt;h5&gt;h5.\u3042\u3042\u3042\u3042\u3042&lt;\/h5&gt;\n&lt;h6&gt;h6.\u3042\u3042\u3042\u3042\u3042&lt;\/h6&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u30fb\u5b9f\u884c\u7d50\u679c<\/p>\n\n\n\n<h1>h1.\u3042\u3042\u3042\u3042\u3042<\/h1>\n<h2>h2.\u3042\u3042\u3042\u3042\u3042<\/h2>\n<h3>h3.\u3042\u3042\u3042\u3042\u3042<\/h3>\n<h4>h4.\u3042\u3042\u3042\u3042\u3042<\/h4>\n<h5>h5.\u3042\u3042\u3042\u3042\u3042<\/h5>\n<h6>h6.\u3042\u3042\u3042\u3042\u3042<\/h6>\n\n\n\n<h1 class=\"wp-block-heading\">\u6587\u7ae0<\/h1>\n\n\n\n<p>p\u8981\u7d20\u306f\u6587\u7ae0\u3092\u8a18\u8ff0\u3059\u308b\u6642\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;p&gt;p.\u3053\u308c\u304b\u3089\u4f55\u3092\u3059\u308c\u3070\u3044\u3044\u306e\u3060\u308d\u3046\u304b\u30fb\u30fb\u30fb&lt;\/p&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u30fb\u5b9f\u884c\u7d50\u679c<\/p>\n\n\n\n<p>p.\u3053\u308c\u304b\u3089\u4f55\u3092\u3059\u308c\u3070\u3044\u3044\u306e\u3060\u308d\u3046\u304b\u30fb\u30fb\u30fb<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u30ea\u30b9\u30c8<\/h1>\n\n\n\n<p>\u30ea\u30b9\u30c8\u3067\u8868\u793a\u3057\u305f\u3044\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<br>\u756a\u53f7\u3084 &#8220;\u30fb&#8221; \u306a\u3069\u8272\u3005\u306a\u5f62\u5f0f\u304c\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;ul&gt;\n  &lt;li&gt;li.\u3042\u3042\u3042\u3042&lt;\/li&gt;\n  &lt;li&gt;li.\u3044\u3044\u3044\u3044&lt;\/li&gt;\n&lt;\/ul&gt;\n\n&lt;ol&gt;\n  &lt;li&gt;li.\u3042\u3042\u3042\u3042&lt;\/li&gt;\n  &lt;li&gt;li.\u3044\u3044\u3044\u3044&lt;\/li&gt;\n&lt;\/ol&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u30fb\u5b9f\u884c\u7d50\u679c<\/p>\n\n\n\n<ul>\n  <li>li.\u3042\u3042\u3042\u3042<\/li>\n  <li>li.\u3044\u3044\u3044\u3044<\/li>\n<\/ul>\n\n<ol>\n  <li>li.\u3042\u3042\u3042\u3042<\/li>\n  <li>li.\u3044\u3044\u3044\u3044<\/li>\n<\/ol>\n\n\n\n<h1 class=\"wp-block-heading\">\u30ea\u30f3\u30af<\/h1>\n\n\n\n<p>\u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u3068\u3057\u3066\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>&lt;a href=&quot;http:\/\/sample.com&quot;&gt;\u3053\u3061\u3089&lt;\/a&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u30fb\u5b9f\u884c\u7d50\u679c<\/p>\n\n\n\n<a href=\"http:\/\/sample.com\">\u3053\u3061\u3089<\/a>\n\n\n\n<h1 class=\"wp-block-heading\">\u8868<\/h1>\n\n\n\n<p>\u8868\u3067\u8868\u73fe\u3057\u305f\u3044\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<br>table\u30bf\u30b0\u306e\u4e2d\u306etr\u30bf\u30b0\u304c\u8868\u793a1\u884c\u3092\u8868\u3057\u307e\u3059\u3002<br>1\u884c\u306e\u4e2d\u306e\u30bb\u30eb\u306f\u3001\u8868\u306e\u898b\u51fa\u3057\u3092\u8868\u3059\u30bf\u30b0\u3068\u3057\u3066th\u30bf\u30b0\u3001\u8868\u306e\u5024\u3092\u8868\u3059\u30bf\u30b0\u3068\u3057\u3066td\u30bf\u30b0\u304c\u5b58\u5728\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;table class=&quot;table&quot;&gt;\n    &lt;tr&gt;\n      &lt;th&gt;#&lt;\/th&gt;\n      &lt;th&gt;First&lt;\/th&gt;\n      &lt;th&gt;Last&lt;\/th&gt;\n      &lt;th&gt;Handle&lt;\/th&gt;\n    &lt;\/tr&gt;\n    &lt;tr&gt;\n      &lt;th&gt;1&lt;\/th&gt;\n      &lt;td&gt;Mark&lt;\/td&gt;\n      &lt;td&gt;Otto&lt;\/td&gt;\n      &lt;td&gt;@mdo&lt;\/td&gt;\n    &lt;\/tr&gt;\n    &lt;tr&gt;\n      &lt;th&gt;2&lt;\/th&gt;\n      &lt;td&gt;Jacob&lt;\/td&gt;\n      &lt;td&gt;Thornton&lt;\/td&gt;\n      &lt;td&gt;@fat&lt;\/td&gt;\n    &lt;\/tr&gt;\n    &lt;tr&gt;\n      &lt;th&gt;3&lt;\/th&gt;\n      &lt;td&gt;Larry&lt;\/td&gt;\n      &lt;td&gt;the Bird&lt;\/td&gt;\n      &lt;td&gt;@twitter&lt;\/td&gt;\n    &lt;\/tr&gt;\n&lt;\/table&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u30fb\u5b9f\u884c\u7d50\u679c<\/p>\n\n\n\n<table class=\"table\">\n    <tr>\n      <th>#<\/th>\n      <th>First<\/th>\n      <th>Last<\/th>\n      <th>Handle<\/th>\n    <\/tr>\n    <tr>\n      <th>1<\/th>\n      <td>Mark<\/td>\n      <td>Otto<\/td>\n      <td>@mdo<\/td>\n    <\/tr>\n    <tr>\n      <th>2<\/th>\n      <td>Jacob<\/td>\n      <td>Thornton<\/td>\n      <td>@fat<\/td>\n    <\/tr>\n    <tr>\n      <th>3<\/th>\n      <td>Larry<\/td>\n      <td>the Bird<\/td>\n      <td>@twitter<\/td>\n    <\/tr>\n<\/table>\n\n\n\n<h1 class=\"wp-block-heading\">\u753b\u50cf<\/h1>\n\n\n\n<p>\u753b\u50cf\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002<br>img\u30bf\u30b0\u306b\u306f\u9589\u3058\u30bf\u30b0\u304c\u3042\u308a\u307e\u305b\u3093\u3002<br>\u30a4\u30e1\u30fc\u30b8\u306fgif\u3001jpeg\u3001png\u306e\u4e09\u7a2e\u985e\u304c\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;img src=&quot;https:\/\/dennie.tokyo\/it\/wp-content\/themes\/dennie\/P1011152.jpg&quot; width=&quot;256&quot; height=&quot;128&quot; alt=&quot;\u753b\u50cf1&quot;&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u30fb\u5b9f\u884c\u7d50\u679c<br><img loading=\"lazy\" decoding=\"async\" width=\"256\" height=\"128\" src=\"https:\/\/dennie.tokyo\/it\/wp-content\/themes\/dennie\/P1011152.jpg\" alt=\"\u753b\u50cf1\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u305d\u306e\u307e\u307e<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">code<\/h2>\n\n\n\n<p>\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3092\u8868\u793a\u3057\u305f\u3044\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<br>\u5f8c\u306b\u8aac\u660e\u3059\u308bpre\u30bf\u30b0\u3067\u56f2\u3046\u3068\u30b9\u30da\u30fc\u30b9\u3084\u6539\u884c\u3092\u8a8d\u8b58\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>&lt;code&gt;\u305d\u306e\u307e\u307e\u8868\u793a\u3055\u308c\u307e\u3059\u3002&lt;\/code&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u30fb\u5b9f\u884c\u7d50\u679c<\/p>\n\n\n\n<code>\u305d\u306e\u307e\u307e\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/code>\n\n\n\n<h2 class=\"wp-block-heading\">pre<\/h2>\n\n\n\n<p>\u6574\u5f62\u3055\u308c\u3066\u6587\u7ae0\u3092\u8868\u793a\u3057\u305f\u3044\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<br>code\u30bf\u30b0\u3067\u4f8b\u3092\u793a\u3057\u305f\u306e\u3067\u5272\u611b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u30b7\u30f3\u30d7\u30eb\u306a\u30bf\u30b0<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">span<\/h2>\n\n\n\n<p>\u5f8c\u306b\u8aac\u660e\u3057\u307e\u3059\u304c\u3001\u30a4\u30f3\u30e9\u30a4\u30f3\u8981\u7d20\u3068\u3057\u3066\u6271\u3044\u305f\u3044\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;span&gt;span.\u305f\u3060\u306e\u6587\u5b57&lt;\/span&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u30fb\u5b9f\u884c\u7d50\u679c<\/p>\n\n\n\n<span>span.\u305f\u3060\u306e\u6587\u5b57<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">div<\/h2>\n\n\n\n<p>\u5f8c\u306b\u8aac\u660e\u3057\u307e\u3059\u304c\u3001\u30d6\u30ed\u30c3\u30af\u8981\u7d20\u3068\u3057\u3066\u6271\u3044\u305f\u3044\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;div&gt;div\u306f\u30d6\u30ed\u30c3\u30af\u8981\u7d20&lt;\/div&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u30fb\u5b9f\u884c\u7d50\u679c<\/p>\n\n\n\n<div>div\u306f\u30d6\u30ed\u30c3\u30af\u8981\u7d20<\/div>\n\n\n\n<h1 class=\"wp-block-heading\">\u30aa\u30ea\u30b8\u30ca\u30eb<\/h1>\n\n\n\n<p>\u81ea\u5206\u30aa\u30ea\u30b8\u30ca\u30eb\u306e\u30bf\u30b0\u306f\u4f7f\u7528\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u6700\u5f8c\u306b<\/h1>\n\n\n\n<p>html\u30bf\u30b0\u306f\u4ed6\u306b\u3082\u6ca2\u5c71\u3042\u308b\u306e\u3067\u3001\u65b0\u3057\u3044\u30bf\u30b0\u306f\u90fd\u5ea6\u8abf\u3079\u3066\u899a\u3048\u307e\u3057\u3087\u3046\u3002<br>html\u306e\u57fa\u672c\u306f\u4ee5\u4e0a\u3068\u306a\u308a\u307e\u3059\u3002<br>\u6b21\u56de\u306fweb\u753b\u9762\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u8a18\u8ff0\u3059\u308bcss\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"title_box\"><span class=\"box-title\">\u6b21\u56de<\/span>\n<p><a href=\"https:\/\/dennie.tokyo\/it\/?p=150\" rel=\"noopener\" target=\"_blank\">CSS\u57fa\u672c &#8211; \u8d85\u5165\u9580<\/a><\/p>\n<\/div>\n\n\n\n<p>\u25bc HTML\u306b\u95a2\u3059\u308b\u8a18\u4e8b\u306e\u4e00\u89a7\u3092\u307f\u308b<\/p>\n\n\n\n<div class=\"title_box\"><span class=\"box-title\">HTML\u76ee\u6b21\u4e00\u89a7<\/span>\n<p><a href=\"https:\/\/dennie.tokyo\/it\/?p=292\" rel=\"noopener\" target=\"_blank\">HTML \u2013 \u76ee\u6b21<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u57fa\u672c\u7684\u306ahtml\u30bf\u30b0\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"author":1,"featured_media":4522,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,8],"tags":[],"class_list":["post-383","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","category-8"],"_links":{"self":[{"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/posts\/383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=383"}],"version-history":[{"count":41,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/posts\/383\/revisions"}],"predecessor-version":[{"id":3357,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/posts\/383\/revisions\/3357"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=\/wp\/v2\/media\/4522"}],"wp:attachment":[{"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dennie.tokyo\/it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}