HTMLに投稿されたコード一覧

HTML ネスドット絵

<font size=2>
    <font color=0>███████</font><br>
   <font color=0>█</font><font color=red>█</font><font color=f39f95>█</font><font color=0>█</font><font color=f39f95>█</font><font color=0>██</font><font color=f39f95>█</font><font color=0>██</font><br>
<font color=0>████</font><font color=red>█</font><font color=0>█</font><font color=f39f95>█</font><font color=red>███</font><font color=0>█</font><font color=red>██</font><font color=0>█</font><br>
<font color=0>█</font><font color=c6fefd>█</font><font color=4129c5>███</font><font color=0>█</font><font color=red>█████</font><font color=0>█</font><font color=red>██</font><font color=0>█</font><br>
 <font color=0>█</font><font color=327027>█</font><font color=2933c9>█████</font><font color=red>███</font><font color=0>█</font><font color=red>██</font><font color=0>█</font><br>
 <font color=0>███</font><font color=f9d08e>█</font><font color=0>████</font><font color=f9d08e>██</font><font color=0>████</font><br>
 <font color=0>██</font><font color=f9d08e>███</font><font color=0>██</font><font color=f9d08e>███</font><font color=0>█████</font><br>
<font color=0>█</font><font color=f9d08e>█</font><font color=0>█</font><font color=f9d08e>██</font><font color=0>█</font><font color=f9d08e>███</font><font color=0>█</font><font color=f9d08e>███</font><font color=0>█</font><font color=f9d08e>█</font><font color=0>█</font><br>
<font color=0>█</font><font color=f9d08e>████</font><font color=0>█</font><font color=f9d08e>███</font><font color=0>█</font><font color=f9d08e>█████</font><font color=0>█</font><br>
 <font color=0>█</font><font color=f9d08e>█</font><font color=ff978f>██</font><font color=f9d08e>██████</font><font color=ff978f>██</font><font color=f9d08e>█</font><font color=0>█</font><br>
  <font color=0>█</font><font color=ff978f>██</font><font color=f9d08e>██████</font><font color=ff978f>██</font><font color=0>█</font><br>
   <font color=0>█</font><font color=ff978f>█</font><font color=f9d08e>█</font><font color=0>███</font><font color=f9d08e>██</font><font color=ff978f>█</font><font color=0>█</font><br>
    <font color=0>█</font><font color=f9d08e>██████</font><font color=0>█</font><br>
   <font color=0>█</font><font color=2f32cb>█</font><font color=0>██</font><font color=f9d08e>█</font><font color=0>███<font color=2f32cb>█</font>█</font><br>
  <font color=0>█</font><font color=ffff>██</font><font color=2f32cb>██████</font><font color=ffff>██</font><font color=0>█</font><br>
 <font color=0>█</font><font color=2f32cb>███</font><font color=ffff>██████</font><font color=2f32cb>███</font><font color=0>█</font><br>
<font color=0>█</font> <font color=f9d08e>█</font><font color=0>█</font><font color=2f32cb>██████████</font><font color=f9d08e>█</font><font color=0>█</font><br>
<font color=0>█</font><font color=f9d08e>██</font><font color=0>█</font><font color=ffff>████████</font><font color=0>█</font><font color=f9d08e>█</font><font color=0>█</font><br>
 <font color=0>██</font><font color=2f32cb>████████</font><font color=0>███</font><br>
  <font color=0>█</font><font color=2f32cb>█████</font><font color=0>█</font><font color=2f32cb>█</font><font color=0>█</font><font color=919c9e>██</font><font color=f7924a>█</font><font color=0>█</font><br>
   <font color=0>██</font><font color=2f32cb>███</font><font color=0>██</font><font color=919c9e>█</font><font color=f7924a>███</font><font color=0>█</font><br>
   <font color=0>█</font><font color=red>██</font><font color=0>████</font><font color=919c9e>█</font><font color=f7924a>███</font><font color=0>█</font><br>
  <font color=0>█</font> <font color=f7924a>█</font><font color=0>█</font>   <font color=0>█</font><font color=f7924a>███</font><font color=0>█</font><br>
   <font color=0>██</font>     <font color=0>███</font></font>

HTML hogehoge

hogehoge

HTML よくある写真+文字が横並びのときのCSS

<style type="text/css">
.item {
	display: inline-block; /* IE67対応は省略 */
	width: 200px;  /* これを指定したくない。dt(というかdt>img)のwidthによって可変にしたい */
}
</style>

<div class="module">
	<dl class="item">
		<dt><img src="img/img.jpg" alt="" /></dt>
		<dd>あああああああああああああああああ</dd>
	</dl>
	<dl class="item">
		<dt><img src="img/img.jpg" alt="" /></dt>
		<dd>あああああああああああああああああ</dd>
	</dl>
	<dl class="item">
		<dt><img src="img/img.jpg" alt="" /></dt>
		<dd>あああああああああああああああああ</dd>
	</dl>
</div>

HTML Zwappウィジェット

<iframe title="Zwapp" width="100%" height="426" src="http://www.zwapp.com/widgets/users/ここにユーザー名を入力" frameborder="0" allowfullscreen></iframe>

HTML 画像をクリックしてアラートを表示

<img src='http://mc979j.yukigesho.com/img/click.png' onclick="alert('ここにメッセージを入力\n');">

HTML お試し:いつも使ってる HTML の雛形

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<link rel="stylesheet" type="text/css" media="screen" href="reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>

</body>
</html>

よく投稿されているコード

タグ

最近投稿されたコード