【画像】html勉強ぼく、初っ端から挫折

1 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:52:52.207 ID:hu7uQwZJ0.net

なんでや
https://i.imgur.com/GHTzA3F.jpg
https://i.imgur.com/Exa6Kz5.jpg

2 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:53:33.196 ID:KSFZ8VFn0.net

勝手に英訳されてる

3 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:53:59.176 ID:x3AucFmY0.net

hello

4 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:54:02.432 ID:353DKWXa0.net

小学生の頃作ってたわ　それくらい簡単

5 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:54:11.020 ID:Df8x+amq0.net

メモ帳で始めろ

6 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:54:21.952 ID:6vbmXR6nd.net

参考書の通りやってるんだが

7 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:54:28.470 ID:Fo8Ezabr0.net

保存した？

8 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:54:39.812 ID:6vbmXR6nd.net

id変わっとる

9 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:54:42.780 ID:KSFZ8VFn0.net

ライトはつく？

10 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:54:59.969 ID:6vbmXR6nd.net

>>7
helloのはしたと思う
だからなの？

11 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:55:48.296 ID:Fo8Ezabr0.net

>>10
保存してブラウザから再読み込みしようね

12 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:55:55.956 ID:6vbmXR6nd.net

>>7
おお！ありがとう！
保存しろなんて本に書いてなかったからしてなかったわ！

13 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:56:35.666 ID:iIOP7iMQp.net

パスが間違ってなければ保存し忘れかキャッシュ
あとドックタイプ宣言してなくない

14 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:56:37.795 ID:6vbmXR6nd.net

やっぱVIPも捨てたもんじゃないな

15 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:56:41.055 ID:9ZqCipLMM.net

アカウント名晒してると思ったけどネットリテラシー100点じゃん

16 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:56:41.993 ID:f7oVeGh/0.net

いちいち保存しなきゃならないとか直感に反するよな

17 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:57:48.550 ID:6vbmXR6nd.net

お前らありがとう

18 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:57:49.762 ID:J2HNXLFU0.net

<style>
h1{
background-color:#000;
color:#FFF;
}
</style>

↑試しにこれ追記してみてよ

19 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 16:58:02.356 ID:n6cIODpR0.net

俺よりhtmlできそうじゃん
俺の代わりにhtml書いて

20 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:00:39.081 ID:6vbmXR6nd.net

https://i.imgur.com/5GvWozm.jpg

21 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:01:33.196 ID:J2HNXLFU0.net

な？できたろ？
あとは好きにいじってちょ

22 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:02:39.675 ID:h+rUiIQS0.net

いまさら？

23 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:04:58.590 ID:kwcLxzuBM.net

初心者レベルの技術ならVIPPERも気前よく喋るんだ

24 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:05:19.102 ID:/UDu8gnVH.net

htmlはあくまでも構造の定義だから
それをどう表示するかどう動かすかは
また別のスタイルシートやJavaScriptが必要

25 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:06:22.308 ID:2hyn/oMVd.net

保存せずにプレビューしちゃってる案件だな

26 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:06:50.123 ID:J2HNXLFU0.net

あとはcss 見出し　とかでぐぐってくれ
色々転がってるから適当にアレンジしてね

27 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:07:55.706 ID:4P/NaOVTd.net

とりあえず本見ながら頑張ってる
https://i.imgur.com/wQW20GT.jpg

28 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:08:17.298 ID:J2HNXLFU0.net

まあ今回わかりやすく直書きにしたけど、ほんとはディレクトリにcssファイルとして格納して読ませた方がいいんだけどね

29 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:08:44.935 ID:n6cIODpR0.net

すげえなよくみんなhtml書けるな

30 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:09:18.809 ID:4P/NaOVTd.net

今はワケワカメだからもうちょっと勉強したらこのスレ見直すわ

31 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:09:24.254 ID:TEvBjLU00.net

いいね👍

32 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:10:19.823 ID:2hyn/oMVd.net

本を見ながらやる前に
一回自分が作ってみたいなーとか
おしゃれやなーとか思うサイト1つ用意して

何個かtag覚えたら
そのサイトのF12でソース見たら
「よめる！」ってモチベ上がるからおすすめよ

33 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:11:23.131 ID:J2HNXLFU0.net

ちなみにHTML覚えるなら本買うよりGoogleChromeインストールする方が早いぞ
適当にサイト開いて良いなと思ったら右クリ検証すればソースパクれるから
すでに出来上がってるもの改造した方が効率いいよ

34 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:11:36.859 ID:d0Iws9NF0.net

転職したいの？

35 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:11:49.313 ID:f7oVeGh/0.net

ちゃんとDTD宣言書けよ
validatorでエラー出ないようにしろよ

36 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:11:54.564 ID:n6cIODpR0.net

>>33
html盗んだりcssパクったりしたら犯罪にならない？

37 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:12:42.716 ID:8jkUWD1E0.net

>>36
程度問題

38 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:12:46.357 ID:YdIfZqzp0.net

とりあえずブラウザでF12だな

39 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:12:48.129 ID:JRzhVCD8a.net

<blink>きんたま</blink>

40 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:14:00.027 ID:J2HNXLFU0.net

んで、あとはborder-radiusってなんだろうとか、overflow:hiddenってなんだろうとか一つずつ分解して意味を理解すると一瞬で覚えるよ

41 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:14:18.165 ID:9KF7jz5g0.net

メタタグとかボディタグとか無いやん

42 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:15:21.475 ID:U4GHD0bKM.net

こんなんワードプレス使ってたら勝手に覚えるレベルやろ
htmlで何するつもりや

43 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:16:45.107 ID:hu2CbjDoa.net

headとかbodyとかいれたまえ

44 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:17:26.363 ID:GffXFoMh0.net

上達したいならちゃんと家にティム・バーナーズ・リーの祭壇を作って毎朝拝むんだぞ

45 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:19:18.629 ID:J2HNXLFU0.net

ソースなんてパクってバラしてイジって覚えるのが基本よ
本だと0から1を作ってみよう！そもそもHTMLとは〜まずはこれを〜みたいな書き方だから、結論に辿り着くまでが遠すぎる

46 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:19:27.932 ID:E6j1+LsS0.net

技術ブログとかでいきなり次のコードを書きますとか出てくるけど
○○ディレクトリに移動しシェルで実行しますとか☆☆の中に記述しますとかそういう感じのは書いてくれないよね

47 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:20:15.563 ID:8hYeaMtv0.net

10年以上前から触ってないから分らんけど今ってdoctype宣言とかmeta bodyタグみたいなやつ要らなくなったの？

48 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:20:39.007 ID:J2HNXLFU0.net

あとコピペでOKみたいなソースコード配布してるサイトいっぱいあるから使えるもん全部使え
カラーコード生成とかグラデーション生成とかもやってくれるサイトもある

49 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:21:18.713 ID:2hyn/oMVd.net

>>46
わからんカスは読むなが基本だしな

50 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:21:48.050 ID:ZsBuhBkYa.net

>>15
ネットリテラシーのテラシーってなんだよ？

51 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:34:29.120 ID:Bjgg1yPq0.net

>>43
いらないぞ

52 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:36:13.321 ID:cE0haXcOd.net

>>47
必要

無くてもブラウザ側が解釈して表示してくれるけど、正しいHTMLじゃないとブラウザによって表示が変わってしまう

53 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:37:17.360 ID:cE0haXcOd.net

>>51
必要に決まってるだろ
形ができてないとGoogleの検索順位落とされるわ

54 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:45:28.587 ID:Bjgg1yPq0.net

>>53
形って何？

55 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:53:29.041 ID:hu2CbjDoa.net

SEO対策はむずい。10年やってるけど熟知してない

56 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:56:46.453 ID:IIy3ZeI/0.net

じゃあネットワーク繋がりで俺の知恵袋の質問にだれか答えてくれ https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11247242871?fr=and_other

57 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:57:51.406 ID:sFzcS458M.net

基礎を疎かにしてパクパクしてるとたまに落とし穴にハマる

58 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 17:59:49.734 ID:jjxp6EPsd.net

>>53
Googleは省略推奨してなかったっけ

59 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:04:25.229 ID:8xyTdzqy0.net

SEO考えなかったとしてもhead bodyくらいは入れるだろｗ

60 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:04:56.029 ID:8xyTdzqy0.net

headなかったらメタタグとか入れらんなくないか

61 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:05:16.004 ID:lbrXEeHE0.net

>>56
HTTPってのは3ウェイハンドシェイクっつってTCP接続をするための準備
TCP通信するためにまず通信が繋がるかどうかを確認してる

62 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:09:27.820 ID:RT79Cb7R0.net

htmlくんさぁ特殊なタグ以外divで書かせてくれない？

63 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:11:30.769 ID:jjxp6EPsd.net

>>60
入れられるが

64 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:15:41.131 ID:8xyTdzqy0.net

>>58
省略推奨のソースない？

65 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:15:54.021 ID:YmPqU4gnM.net

>>56
マスタリングTCP/IP入門編を買うと良い

66 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:16:45.800 ID:8xyTdzqy0.net

>>61
ワロタ

67 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:18:42.258 ID:jjxp6EPsd.net

>>64
https://google.github.io/styleguide/htmlcssguide.html

68 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:20:30.586 ID:8xyTdzqy0.net

>>67
マジでワロタ

69 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:39:54.071 ID:YdIfZqzp0.net

省略推奨知らんのか…

70 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:45:58.261 ID:KSFZ8VFn0.net

昔は
なんか最初の一行に
長々とw3なんちゃらみたいなurl書かないといけなかったよな

71 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:46:28.242 ID:QDRhbzfda.net

俺含めおっさんはだいたいhtml書けるイメージ。

72 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:52:14.734 ID:hu2CbjDoa.net

最近pugで書いてるな

73 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:53:19.915 ID:sNcx/ajE0.net

マルウェアの解体ならまかせろー

74 ：以下、？ちゃんねるからVIPがお送りします：2021/08/06(金) 18:54:47.149 ID:8xyTdzqy0.net

>>69
むしろ知らない人のほうが多いと思うんだが