https://writening.net/tag

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
6    <title>Writening - 独自タグの使い方</title>
7    <link rel="stylesheet" href="css/bootstrap.min.css">
8    <style>
9        body {
10            padding: 40px 0px;
11            background-color: #f8f8f8;
12        }
13        hr {
14            margin: 30px 0px;
15        }
16        .required {
17            color: red;
18            font-size: 14px;
19        }
20        .section-item {
21            margin: 1em 0em;
22        }
23        .rei {
24            margin: 5px 0;
25            padding: 5px;
26            background-color: #fff;
27            border: solid 1px #ddd;
28        }
29        
30        blockquote {
31            margin-left: 10px;
32            padding: 15px;
33            color: #666;
34            font-size: 16px;
35            line-height: 24px;
36            border-left: solid 4px #ddd;
37        }
38        .big{ font-size:1.5em; }
39        .red{ color:red; }
40        .headline {
41            margin-top: 30px;
42            font-size: 28px;
43            font-weight: bold;
44            border-bottom: solid 1px #ddd;
45        }
46        .headline-index{
47            background-color: #f8f8f8;
48            margin-bottom: 20px;
49            padding: 15px 20px 15px 35px;
50            font-size: 13px;
51            line-height: 20px;
52            display: inline-block;
53            border-radius: 6px;
54            border: solid 1px #eee;
55        }
56    </style>
57    <!-- Google tag (gtag.js) -->

57
58    <script async src="https://www.googletagmanager.com/gtag/js?id=

58G-TGP1JTBDYN

58"></script>
59    

59<script>
60    

60window.dataLayer = window.dataLayer || [];
61    function gtag(){dataLayer.push(arguments);}
62    gtag('js', new Date());
63    gtag('config', '

63G-TGP1JTBDYN

63');
64    

64</script>

64
65</head>
66<body>
67    <div class="container">
68    	<h1>独自タグの使い方</h1>
69        
70        Writeningでは独自タグを使うことができます。<br>
71        <a href="https://writening.net/page?E6et2i" target="_blank">サンプル</a>はこちら。
72
73        <hr>
74
75        <h3>【見出し】</h3>
76        行の先頭に [head] を入力します。
77        <div class="rei">
78            例：<br>
79            [head] 見出しです
80        </div>
81
82        <div class="rei">
83            結果：<br>
84            <h1 class="headline">見出しです</h1>
85        </div>
86
87        見出しをつけると、ページの上部に自動的に索引が挿入されます。
88        
89        <hr>
90
91        <h3>【引用】</h3>
92        テキストを [blockquote] [/blockquote] で囲みます。
93        <div class="rei">
94            例：<br>
95            [blockquote]<br>
96            昔々あるところに、<br>
97            おじいさんとおばあさんがいませんでした。<br>
98            [/blockquote]
99        </div>
100
101        <div class="rei">
102            結果：<br>
103            <blockquote>
104            昔々あるところに、<br>
105            おじいさんとおばあさんがいませんでした。<br>
106            </blockquote>
107        </div>
108        
109        <hr>
110
111        <h3>【太字】</h3>
112        テキストを [strong] [/strong] で囲みます。
113        <div class="rei">
114            例：<br>
115            おじいさんは、 [strong]力こそパワーじゃ！[/strong] と言いました。
116        </div>
117
118        <div class="rei">
119            結果：<br>
120            おじいさんは、 <strong>力こそパワーじゃ！</strong> と言いました。
121        </div>
122        
123        <hr>
124
125        <h3>【大きくする】</h3>
126        テキストを [big] [/big] で囲みます。
127        <div class="rei">
128            例：<br>
129            おばあさんの目の前を [big]大きな桃[/big] が時速86kmで駆け抜けていきました。
130        </div>
131
132        <div class="rei">
133            結果：<br>
134            おばあさんの目の前を <span class="big">大きな桃</span> が時速86kmで駆け抜けていきました。
135        </div>
136        
137        <hr>
138
139        <h3>【赤文字】</h3>
140        テキストを [red] [/red] で囲みます。
141        <div class="rei">
142            例：<br>
143            猿の尻は [red]とても赤い[/red] ですが、これはヘモグロビンのせいです。
144        </div>
145
146        <div class="rei">
147            結果：<br>
148            猿の尻は <span class="red">とても赤い</span> ですが、これはヘモグロビンのせいです。
149        </div>
150        
151        <hr>
152
153        <h3>【合わせ技】</h3>
154        テキストを複数の独自タグで囲む事もできます。
155        <div class="rei">
156            例：<br>
157            たぬきは、正義のうさぎによって [red][big][strong]まじハンパねぇ[/strong][/big][/red] 仕打ちを受けました。
158        </div>
159
160        <div class="rei">
161            結果：<br>
162            たぬきは、正義のうさぎによって <span class="red"><span class="big"><strong>まじハンパねぇ</strong></span></span> 仕打ちを受けました。
163        </div>
164        
165        <hr>
166
167        <a href="https://writening.net/page?E6et2i" target="_blank">サンプル</a>はこちら。
168
169
170
171	    <!-- Footer -->
172	    <div class="section-footer">
173	        <hr>
174	        <div class="footer-poweredby"><a href="./">(c) Writening - テキスト共有サービス</a></div>

175	    </div>
176    </div>
177
178    

178<script type="text/javascript" src="js/jquery.min.js"></script>

178
179    

179<script type="text/javascript" src="js/bootstrap.min.js"></script>

179
180</body>
181</html>