初心者向け– tag –
-
「 要素 とは?」 ブロック要素とインライン要素を一発で見分ける方法!」
ブロック要素とインライン要素の違いを、超簡単に解説します! タグと要素のちがい 「タグ」と「要素」は、どう違うのだろうか? 正確には・タグとは → <p> , <h1> , <span> , <a> , <br> などの記号をいいます。・要素とは... -
【JavaScript】よく使われる演算子について
Javascriptでよく使われる演算子(operator)はプログラムを書くときにとても大事な道具のようなものです。「値をどう扱うか」「条件をどう判定するか」などに使います。 ここではジャンル別に詳しく紹介していきます! 算術演算子 (計算に使う) 演... -
Javascriptでよく使うメソッド一覧と使い方について
ここではJavaScriptでよく使うメソッド一覧と簡単に使い方について紹介します。 配列に関するメソッド .forEach() 配列の要素を一つずつ処理する //JavaScript const fruits = ['apple', 'banana', 'orange']; fruits.forEach( fruit => { console... -
マウスを乗せると指マークになるボタンの作り方
webサイトを作っていると、マウスを乗せた時に指のマークになるボタンを見かけたことはありませんか?今回は、初心者の方でも超カンタンにできる!指のマークになるボタンの作り方を、優しく解説します! 基本のボタン まずはhtmlで基本のボタンを作ります... -
【JavaScript】getTime() とは?基本的な使い方と応用例
getTime() は、JavaScript で日付や時間を扱うときに使うメソッドのひとつです。 基本的な使い方 //JavaScript const now = new Date(); const timestamp = now.getTime(); console.log(timestamp); ・getTime() は1970年1月1日0時0分0秒(UTC)からの経過... -
初心者でもできる!HTMLとCSSで基本のボタンを作ろう!
この記事では、HTMLとCSSだけで簡単にボタンを作る方法を、超初心者向けに分かりやすく解説します!「コードがよくわからない…」という方でも大丈夫!実際のサンプルを見ながら、一緒に楽しく学んでいきましょう! フォルダ作成 まずはフォルダとファイル... -
classとidの違いをめちゃくちゃ分かりやすく解説!
class (クラス)とは クラスは「複数のものに同じスタイルを適用したいとき」に使います class の使い方はこちらから→HTMLのclassの使い方!を分かりやすく解説! たとえば、ボタンが6つあります。 赤いボタン3つと緑のボタン3つに分けます。この場合... -
HTMLのclassの使い方!を分かりやすく解説!
この記事では、HTMLのclassを使って、どんなページでも簡単にデザインを変更する方法を学びます <p> タグをデザインする では早速以前作成した、HTMLの「絶品カレーの作り方」を使ってclassの使い方を学びましょう! ・HTMLの「絶品カレーの作り方」... -
外部CSSとは? 作り方完全ガイド
外部CSSとは 外部 CSS とは、Webページのデザインを別のファイルにまとめて管理する方法です。これにより、複数のページで同じデザインを使いたいときに便利です。 なぜ外部CSSを使うのか? ・効率的1つの CSS ファイルを使えば、複数のページに同じデザ... -
【JavaScript】borderRadius について
JavaScript で borderRadius を指定するには、CSSのルールに従って値を設定する必要があります。以下のポイントを押さえておくとスムーズに使えます。 borderRadius の基本 Javascript で指定する方法 //js document.getElementById("box").style.borderRa...