HTMLタグ

今回は、僕がよく使っているHTMLタグを紹介します。それでは早速いきます。(早いな)

本ブログの公式Twitterアカウントを作成しました。 ぜひフォローをお願い致します。 Tweets by it_tan_blog Follow @it_tan_blog ☆ウェブサイトに埋め込みタイムラインを追加するには☆

第一弾がかなり好調だったので第二段自動ツール作成はじめちゃいます。 蛍光マーカー線のスタイルシートが、出来上がったサンプルを見ながら 自動で作成できるツールとなる予定です。 この調子で自動ツールをどんどん作っていきますので、宜しくお願いします。 ↓第一弾はこちら↓ ・めちゃくちゃ便利！ ・枠のスタイルシートが自在に作れてコピペ機能も搭載！ ・HTMLタグやスタイルシートが全くわからない人でも作れます。 ・できあがったサンプルを見ながら作れます。 ・色も系統別に分かれてて100種類ほどから選べます。 purechan22.hatenablog.com

この記事でわかること 誰でもブログにコピーボタンを実装できてそのコードの意味も全部わかります。またテキストエリアの装飾方法もわかります。プログラム？javascript？なにそれ？おいしいの？状態でも大丈夫です。コピペ用のスタイルシート、スクリプトはページの最後にあります。 こんにちは。 ブログ(はてなブログ)にコピーボタンを実装しようとして他のサイトを見てみたら 難しい言葉が並んでる... javascript...何それ？おいしいの？ コピペして使おうと思っても作動しない！ そんな感じで無理って思って諦めたことはありませんか？ 実ははてなブログではサポートしていない機能があるので ややこし…

この記事でわかること nth-childを使って行数によって設定を変える方法が絶対わかる みなさん、こんにちは。 今回は難しい言葉を使わずにnth-childを説明していきます。 行数によって色々設定を変えるには nth-child(); を使います。 簡単に言うと nth-child(1)で一番目 nth-child(2)で二番目 nth-child(3)で三番目ということです。 それだけのことです。 例えば p.nth-child(1);{text-align:center;} ならpタグの一番目が中央寄せになります。 また奇数、偶数行でわけることもできます。 奇数行の場合はnth-chi…

この記事でわかること ブログで文字を動かす方法がわかる みなさんこんにちは。 ブログで文字が動いてるってほぼほぼ見ないですよね。 そこで今回は文字を動かしてみたいと思います。 んっなんじゃこりゃぁ！と思わせてブログを読ませてみましょう。 ブログで文字を動かすには まずブログで文字を動かすには animation-name:"好きな名前"; を使います。 今回は名前をugoki1にします。 animation-name:ugoki1; ・一回のアニメーションの往復時間を指定します 往復時間指定は animation-duration:"時間"s; を使います。 今回は1秒にしてみます。 anim…

この記事でわかること 画像にテキストを回りこませる方法がわかる みなさんこんにちは。 画像と文字を縦並びに配置するよりも..教科書風にしてスタイリッシュにブログを書いてみませんか？ ということで今回は画像にテキストを回りこませる方法を紹介していきます。なかなかここまで凝っているブログはみないのでおしゃれですよ🌸 画像にテキストを回りこませるには 画像にテキストを回りこませるには"float"というのを使うんです。 なんのことかよくわからないと思うので実際にやってみましょう。 ・左に画像を置きたい場合 スタイルシート img.left{ float:left; } 記事中 <p><img src…