じゅんこ さん プロフィール

  •  
じゅんこさん: 楽
ハンドル名じゅんこ さん
ブログタイトル
ブログURLhttps://rakujnk.hateblo.jp/
サイト紹介文日々思いついたことを気ままに書くブログです。
参加カテゴリー
更新頻度(1年)情報提供22回 / 26日(平均5.9回/週) - 参加 2018/05/18 16:20

じゅんこ さんのブログ記事

  • 過去の記事 …
  • ProgateでHTMLを勉強する13
  • メールフォームを作る一行テキスト欄(終了タグは不要)複数行入力欄フォームを作るタグこのタグの中に,を記入する。タグの基本形はこの形になる。action属性→フォームで処理したデータを処理するプログラムを指定する。データを受け渡しするプログラムが決まっていない場合は、値に#を書いておく。method属性→フォームで入力したデータの送信方法を記述する。値はgetとpostがあるが、基本はpostを指定する。にtype属性をつけ [続きを読む]
  • ProgateでHTMLを勉強する12
  • margin要素の外側に余白を作るプロパティ。margin : 値(px);で指定する。書き方のルールはpaddingと同じ。rakujnk.hateblo.jppaddingとmarginの違いpaddingと用途は似ているが、paddingは要素の内側、marginは要素の外側に余白を作る。(例)paddingは指定したpx分加算して表示されるが、marginは相殺される。(例) [続きを読む]
  • ProgateでHTMLを勉強する11
  • 文中の一部にCSSを適用させる適用させたい部分をで囲み、spanタグにCSSを指定する。ブロック要素とインライン要素ブロック要素→,,など特徴・親要素の幅一杯に広がる・ブロック要素で囲まれた部分は自動的に改行されるインライン要素→,など特徴・改行されないborderプロパティ枠線をつけるプロパティ。border: 太さ(px) 種類 色;と記述する。(例).moji{border: 5px solid red;}枠線の種類についてはこちらのサイト [続きを読む]
  • ProgateでHYMLを勉強する10
  • padding要素に余白をつくるプロパティpadding: 値; で記述する。値はpxで指定する。padding-top→上に余白を作るpadding-bottom→下に余白を作るpadding-left→左に余白を作るpadding-right→右に余白を作るpadding: 20px 20px 10px 10px;と指定した場合、上、右、下、左の順に適用される。padding: 20px 10px;と指定した場合、上下、左右に適用される。 [続きを読む]
  • ProgateでHTMLを勉強する9
  • list-style: none;リストのマークをなくす。(例)li{list-style: none;}floatプロパティ指定した要素を横並びにできる。leftなら左、rightなら右に横並びになる。(例)li{list-style: none;float: left;}あいうえおかきくこ↓あいう えおか きくことなる。 [続きを読む]
  • ProgateでHTMLを勉強する8
  • 要素の中身UTF-8">文字コードを指定するタグ。文字コードを指定する場合、保存するファイルのコードも同じにしておかなければ文字化けするので注意。UTF-8はHTML5で推奨されている文字コード。タイトルページのタイトルをつけるタグ。このタグで記述した文字は、ブラウザのタブ上に表示される。CSSのファイル名">ページにCSSを読み込むタグ。link rel=""でCSSを読み込む宣言、href=""で読み込むCSSのファイル名を指定する。 [続きを読む]
  • senseiを始めてみた7
  • こんにちは!じゅんこです!今回もsenseiで絵の勉強をしていこうと思います!イラストの描き方を動画で学ぶ! - sensei by pixiv今回からは体の基礎コースです!sensei.pixiv.netsensei.pixiv.net描いたものがこちらです!この段階からだとなんとか描けますね!第一回では簡単な線で描いてみましたが、この状態だけでも確かに人だと分かります!第二回ではパーツは増えましたが、視覚だけで構成されているので、なんとか描けそうな [続きを読む]
  • ProgateでHTMLを勉強する6
  • class="名前"classをタグにつけることで名前をつけられる。名前をつける利点は、CSSを適用させる場合に名前をつけたタグに個別にCSSを指定させられること。(例)HTMLあいうえおかきくけこCSSli{color: white;}この書き方でCSSを指定した場合、リストの文字全部が白くなってしまう。(例:classで名前をつけた場合)HTMLあいうえおかきくけこCSS.aiueo{color: white;}このようにclassで名前をつけた部分を指定 [続きを読む]
  • ProgateでHTMLを勉強する5
  • /*コメント*/CSSでファイル内にコメントを入れられる書き方。メモなどに使う。font-size文字の大きさを変えるプロパティ。px(ピクセル)という単位を使って記述する。(例)フォントサイズを12pxにしたい場合。h1{ font-size: 12px;}font-family文字の種類を変えるプロパティ。(例)sans-serifというフォントにしたい場合。h1{ font-family:sans-serif;}arial blackというフォント名など、スペースが入っているフォント [続きを読む]
  • ProgateでHTMLを勉強する4
  • CSSとはHTMLの要素に対して、色・大きさ・配置などを指定してページをデザインするための言語。(HTMLとは別のファイルに記述する)(例)HTMLファイルあいうえおCSSファイルh1{ color: red;}ブラウザ上あいうえお例のCSSのh1の部分をセレクタ、colorの部分をプロパティという。colorプロパティ文字の色を変えるプロパティ。color: #ff0000;と記述する。#○○の部分は、16進数のカラーコードで色を指定する。CSSを書く時も [続きを読む]
  • ProgateでHTMLを勉強する3
  • リストを作る要素。要素は囲む要素によって種類が変わる。要素で要素を囲んだ場合、先頭に黒点がつく。(例)あいうえおか→HTMLの構造 あいう えおか要素で要素を囲んだ場合、先頭に数字がつく。(例)あいうえおか→HTMLの構造 あいう えおか要素を要素で囲むことを「入れ子」という。囲む方を親要素、囲まれる方を子要素という。入れ子構造の要素がある場合、インデント(字下げ)をする。キーボードの「tab」キー [続きを読む]
  • senseiを始めてみた6
  • こんにちは!じゅんこです!今日もsenseiで絵の勉強をしていこうと思います!イラストの描き方を動画で学ぶ! - sensei by pixiv今回は第7回、第8回です!sensei.pixiv.netsensei.pixiv.net描いたものがこちらです!背面って簡単そうで意外と難しいんですよね!頭の形がなかなかうまくいかなかった経験があるのですが、この描き方だと綺麗に描けました!そして今までの練習を応用していろんな角度で顔を描いてみました!アオリ、フ [続きを読む]
  • senseiを始めてみた5
  • こんにちは!じゅんこです!今回もsensiで絵の勉強をしていこうと思います!イラストの描き方を動画で学ぶ! - sensei by pixiv前回は顔の描き方コース第4回をやりました。今回は第5回、第6回をやっていきます。sensei.pixiv.netsensei.pixiv.net描いたものがこちらです!何度も動画を止めながらゆっくりやりました。動画停止再生ボタンがもう少し使いやすいといいな〜なんて思ってます。斜め横顔については、なんとなく描きや [続きを読む]
  • ProgateでHTMLを勉強する2
  • 見出しをつくる要素。〜までの大きさがある。あいうえおあいうえおあいうえおあいうえおあいうえおあいうえお↑上から順に〜までのタグを使って文字を表示させた図。段落をつくる要素。見出し以外の文章などに使う。これらの要素はブロック要素という種類で、タグで囲んだ文章は改行される。このタグで記述した文章はブラウザ上では表示されない。ブラウザに表示させたくないメモなどに使う。リンクを作る要素。href属性を [続きを読む]
  • ProgateでHTMLを勉強する
  • こんにちは!じゅんこです!実は以前からプログラミングに興味がありまして、勉強してみようかな〜と思い何かとっかかりになれるサイトを探しておりまして。色々ググってたどり着いたのが、Progateというサイトです。prog-8.comこのカテゴリでは、そのProgateで勉強したことを覚え書きがてら自分でまとめていければと思っております!過去に独学でHTMLを勉強し、サイトを作ったこともあって、最初はなじみ深いHTMLから初めていこう [続きを読む]
  • senseiを始めてみた4
  • どうもこんにちは!じゅんこです!今回もsenseiで絵の勉強をしていきます!イラストの描き方を動画で学ぶ! - sensei by pixiv前回は顔の描き方コース第3回までやりました。今回は第4回をやっていきます!sensei.pixiv.net横顔ってかなり苦手なんですよね…正面に比べてバランスが取りにくいというか。前回のアタリでも若干苦戦したのですが、頑張ってチャレンジです!今回描いたものがこちらです!上半分が講座に添って描いたも [続きを読む]
  • senseiを始めてみた3
  • どうもこんにちは!じゅんこです。今回もsenseiで絵の練習をしていこうと思います。イラストの描き方を動画で学ぶ! - sensei by pixiv前回までは顔の基礎コースをやりました。sensei.pixiv.net今回からは顔の描き方コースをやっていこうと思います。sensei.pixiv.net顔の描き方コースは全部で8回あります。今日は第3回までやりました。sensei.pixiv.netsensei.pixiv.netsensei.pixiv.netアタリという言葉は知っていても、どう [続きを読む]
  • senseiを始めてみた2
  • どうもこんにちは。じゅんこです。今回もsenseiというサイトを使って絵の練習をしていきたいと思います。イラストの描き方を動画で学ぶ! - sensei by pixiv前回までは、顔の基礎コースの第3回までやりました。今回は第4回からです。sensei.pixiv.netsensei.pixiv.netsensei.pixiv.net楽しくて毎回一気にやってしまいます。とりあえずスケッチブック1ページ分を1記事にしようかなと。描いたものがこちらです。う〜ん未熟!第4 [続きを読む]
  • senseiを始めてみた。
  • 突然ながら私、絵を描くことが好きです。実力はまだまだなのですが…なんとなーく上達法をググってみたりなんていうのは日常なのですが、良さそうなサイトがあったので、試してみる事にしました!sensei.pixiv.netあのpixivさんが運営するお絵描き指南サイト!しかも使ってみた方々の評判も良さげでした。とりあえず簡単な顔の描き方から始めてみることにしました。sensei.pixiv.netsensei.pixiv.netsensei.pixiv.netとりあえ [続きを読む]
  • はじめまして
  • 初めまして!じゅんこと申します!なんとな〜くやってること、やったことを記録しておく場所が欲しいなあと思いブログを開設しました!内容は思いついたときに思いついたものを更新していく感じですが、誰かの暇つぶしくらいにはなれるといいなあと思ってます!どうぞよろしくお願い致します! [続きを読む]
  • 過去の記事 …