【非公開記事】ブログ・イベント記事：タグ記述
詳細ページのタイトル

h,p,ol,ulの使い方

			
クラスは必要ありません。
H要素は3から使ってください。

<h3>
タイトルが入ります。		
</h3>

<p>
テキスト文章が入ります。
</p>

太文字にする場合。
<p>
  <span class="bold">テキスト文章</span>が入ります。
</p>

<ul>
  <li>ulのリストテキスト1</li>
  <li>ulのリストテキスト2</li>
  <li>ulのリストテキスト3</li>
</ul>
		
<ol>
  <li>olのリストテキスト1</li>
  <li>olのリストテキスト2</li>
  <li>olのリストテキスト3</li>
</ol>	
			
			

[結果]

タイトルが入ります。

テキスト文章が入ります。

テキスト文章が入ります。

• ulのリストテキスト1
• ulのリストテキスト2
• ulのリストテキスト3

1. olのリストテキスト1
2. olのリストテキスト2
3. olのリストテキスト3

 

画像の使い方

			
画像をする時はかららず、figure要素を使ってください。
img要素のaltは必須です。

<figure>
	 <img src="http://dummyimage.com/1200x600/acc/fff.gif&text=犬" alt="画像の代替テキスト">
  <figcaption>
    Captionの文章を入れます。Captionの文章を入れます。Captionの文章を入れます。
  </figcaption>
</figure>

[結果]

引用文章の使い方

			
引用文章 blockquoteの使い方
classは必要ありません。

<blockquote cite="https://liferay.com">
  <p>みなさんは『enPIT』という言葉を聞いたことあるでしょうか？Education Network for Practical Information</p>
  <pr>みなさんは『enPIT』という言葉を聞いたことあるでしょうか？ </p>
  <footer>
    引用元：<cite><a href="https://liferay.com">引用元ページ名など</a></cite>
  </footer>
</blockquote>

[結果]

みなさんは『enPIT』という言葉を聞いたことあるでしょうか？ Education Network for Practical Information

みなさんは『enPIT』という言葉を聞いたことあるでしょうか？

テーブルの使い方

テーブルの使い方は他のtdivタグとclassが必要です。
レスポンシブ仕様となっています。気をつけてください。

<div class="scrll-tbl">
	<table>
		<thead>
		<tr>
			<th scope="col">環境変数</th>
			<th scope="col">設定値(サンプル)</th>
		</tr>
		</thead>
		<tbody>
			<tr>
				<th scope="row">JAVA_HO ME</th>
				<td>C:\Program Files\java\jdk1.8.0 152C:\Program Files\java\jdk1.8.0 152 152C:\Program Files\java\jdk1.8.0 152</td>
			</tr>
			<tr>
				<th scope="row">JRE_HO M</th>
				<td>という言葉を聞いたことあるでしょうか？という言葉を聞いたことあるでしょうか？という言葉を聞いたことあるでしょうか？という言葉を聞いたことあるでしょうか？という言葉を聞いたことあるでしょうか？2</td>
			</tr>
			<tr>
				<th scope="col">Path</th>
				<td>多分すでに値が設定されているものがあると思うので、最後にコロン区切りでC:\Program Files\java\jdk1.8.0.152</td>
			</tr>
		</tbody>
	</table>
</div>
<div class="scrll-sp">
スクロール
</div>

[結果]

環境変数	設定値(サンプル)
JAVA_HO ME	C:\Program Files\java\jdk1.8.0 152C:\Program Files\java\jdk1.8.0 152 152C:\Program Files\java\jdk1.8.0 152
JRE_HO M	という言葉を聞いたことあるでしょうか？という言葉を聞いたことあるでしょうか？という言葉を聞いたことあるでしょうか？という言葉を聞いたことあるでしょうか？という言葉を聞いたことあるでしょうか？2
Path	多分すでに値が設定されているものがあると思うので、最後にコロン区切りでC:\Program Files\java\jdk1.8.0.152

スクロール

ソースコードの使い方

ソースコードは Google code-prettify を利用しています。

--このブログのテンプレートに下記のスクリプトを入ってます。
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&skin=sunburst" type="text/javascript"></script>

--ここから挿入してください。classはprettyprint linenumsを必ず。
lang-xxxは言語によります。
<pre class="prettyprint linenums lang-xxx">
<code>

--ここからソースをかきます。気をつけることは
< は  &lt;
> は  &gt;

<script>
	define._amd = define.amd;
	define.amd = false;
</script>

<%-- This part enable to expose JS object to global --%>

--ここまでがソースコードです。
</code>
</pre>

[結果]

結果は上記のの通りです。

GitHub
使い方補足。
とあるブログ