ブログページ
エナジードリンク図鑑ページ
いつめん!(仮)
ニックネーム
Xeon
BIRTHDAY / 誕生日
07月 06日
GENDER / 性別
男
BIRTHPLACE / 出身地
神奈川県
小3からパソコンを触り始めて中1からhtmlを書き始めた。
帰宅部だが、Pc部にdiscord上で入っている。(学校にパソコン部はなかった)
いつかサイトやプログラムが作れて、英語が大体できる人になりたいと思っています!
スクラッチで作っているもの
最近はOSを作りつづけています
https://scratch.mit.edu/projects/827793760/
最近のもの
昔作っていたもの
Xeonについて
名前の由来
名前で分かる人もいるかも知れませんが、intelのCPUの名前です
自分の聞いてるプレイリスト
なぜこのページを作ったか
プログラマーになる前にウェブページが書けるようになりたいので作ってみました
定期的に更新するので見守っていただけると幸いです
フィードバック... 古いバージョンはこちらスクラッチで作っているもの一覧
一覧
htmlの作り方
HTMLとはハイパーテキスト・マークアップ・ランゲージの略のことです。
Webページを作るための言語です。(作成するときはパソコンを使って書くことをおすすめします)
Windowsでhtmlを書く場合はメモ帳ソフト、またはVisual Studio Codeなどを使います。
HTMLはタグによってできています。タグとは
<p>
</p>
のように<>で囲んだテキストのことです
<p>のように/がついていないタグは開始点です
そして</p>のように/が着いているのが終点です
例文
See the Pen Hello World! by Xeon (@cldzbyra-the-reactor) on CodePen.
この文を実行すると次のように出力されます。
HelloWorld!
解説
"<!DOCTYPE html>"とは、このファイルをhtmlとして読み込ませるタグです。
このタグがないと読み込めなくなります
"<html>"は、ここからhtmlを記述するという意味のタグです。
このタグもないと動作しません
"<p>"はテキストを書かせるタグです。
"<p>"と"</p>"の間に書いたものが出力されます。(一部例外もあり)
"</html>"はコードの記述を終了するという意味のタグです。
つまり、このファイルをhtmlとして読み込んだあとにコードを読み込み、そのコードの内容がテキストと出力しろという文になります。
このままだと何も味がありません
今回は写真を入れてみましょう。("<body>"と"</body>"の間に書きましょう。)
タグ
<img src "画像のurl">
このタグは終点のタグがいりません
また、画像のurlはインターネットに乗っている画像を右クリックすると”画像のリンクをコピー”と出るのでコピーしてペーストすれば動作します。
一通り書き終えたらファイルを保存しましょう。
保存するとき、ファイルの拡張子".txt"の部分を".html"に変更してから保存しましょう。
保存したhtmlファイルを読み込むときは、エクスプローラ(Macの場合はFinder)を開いて、htmlファイルをダブルクリックして、Chrome、Firefoxなどのブラウザで読み込ませると出力させることができます。