他サイト更新RSSぴぽぺ速報最新記事

サイト作るためにHTMLってのを勉強してみようと思う

このエントリーをはてなブックマークに追加 LINEで送る

1: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:43:46.90 ID:tt2oy3XV0

2ヶ月あればいける?

2: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:44:18.64 ID:EJHPeaSg0

2ヶ月とかどんな豪華なサイト作るつもりだよ


3: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:44:24.36 ID:MxZg8A4d0

1週間で十分


4: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:44:53.29 ID:HxeceeGa0

集中次第で3日


5: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:45:00.28 ID:tt2oy3XV0

さっき見始めたばっかりなんだが基本だけならそんなにかからんの?


7: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:45:08.96 ID:AK0ZCHiO0

一月で余裕


8: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:45:11.44 ID:d+IuenuD0

どんだけ本格的なの作ろうとしてんだよ


10: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:45:45.79 ID:tt2oy3XV0

確かに解説サイト的なの見たら思ってたよりは単純だったけど…


11: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:46:02.55 ID:mJ0vKhGf0

いれたい文字をカッコで囲むのと同じ


15: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:46:56.06 ID:I5JIedv90

適当に書いても表示されるガバガバ言語


24: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:52:56.69 ID:DIaWaJAC0

サイトからタグコピペするだけで十分だろ


25: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:53:24.52 ID:duRHmlwX0

<!-- コレが必要らしい -->


27: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:54:38.39 ID:I5JIedv90

//マジかよ


20: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:50:49.19 ID:dJwD0BwS0

専門で教えてたわ
HTML自体はぶっちゃけ適当でなんとかなる。CSSの

ブロックとインライン
マージンとパディングとボーダー
ボックスの大きさの測り方
フロートの使い方、絶対配置の基準点について
背景画像の使い方

これだけ覚えれば、何とかならんこともない


23: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:52:55.87 ID:tt2oy3XV0

>>20
htmlとcssの違いがわからん


31: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:57:18.71 ID:dJwD0BwS0

>>23
HTMLっていうのは、書いてある文章がどういう構造なのか
ってのをコンピュータでも理解できるようにタグ付けする書式のこと
見た目とはあんまり関係ない

CSSってのは、HTMLで書かれた文書の見た目を定義するもの
このタグはこの位置にこの大きさで、みたいな


32: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:57:35.31 ID:TG3KjQyc0

HTML→内容
CSS→レイアウトや色


44: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:01:46.39 ID:dJwD0BwS0

CSSってのはタグ(正確には要素って呼ぶ)の見た目を決めるもの

HTMLには要素が沢山出てくるので、CSSでは「どの要素のスタイルなのか」を
まず指定してやらにゃならん。そこで例えば

<P>この文字は青で</P>

こんなHTMLがあって、色を青にしたければ

p { color : #0000ff; }

って書く。<p>要素のcolorを#0000ff(青のカラーコード)にしてくれ、って意味
ただこれだと

<p>この文字は赤で</p>
<p>この文字は青で</p>

となったときに、片方だけ青にすることが出来ない。そこでclass属性を使って

<p class="red">この文字は赤で</p>
<p class="blur">この文字は青で</p>

こうしておいて、CSSの方で

p.blue { color : #0000ff; }

とすれば、二番目の<P>要素だけ特定できる。このようにCSSの記述で要素を特定する部分のことをセレクタっていう


28: 忍法帖【Lv=2,xxxP】(1+0:15) 投稿日:2014/01/31(金) 01:55:36.94 ID:uFmREtnWP

classの意味がよくわからん

htmlからcssに反映させるのもちょっとわからん


33: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:57:56.10 ID:WnpZKucV0

>>28
色んな所に何度もつけるのがclass


70: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:13:24.51 ID:6QjZM1190

idとclassを使い分ける意味教えれ


81: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:17:47.59 ID:mO2+jwiX0

>>70
idはdocument内に同じIDは1つしか書けないし、一要素に1つのみ
classはいくつでも書けるし、一つの要素に複数のclassを指定できる(スペース区切り)

用途によって使い分けたり両方指定したりする


30: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:57:00.70 ID:q6rW39Pd0

html、css、jquery学ぶのに1ヶ月かかったわ


35: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:58:15.90 ID:x1tgBILM0

一週間あればHTMLどころかCSS一通りならまでいけるだろ


37: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 01:59:20.32 ID:9bU8piA8P

HTMLなんて2、3日で終わらせるべき
2ヶ月がかりとかならCSS、JavaScript、PHP、SQLあたり全部やるべき
結局はデザインが全てだけどな


40: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:00:18.97 ID:q6rW39Pd0

みんな頭良いんだな
早すぎるわ


47: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:05:17.60 ID:tt2oy3XV0

とりあえずhtmlでひたすら肉付けしてく感じでやってるけどcssを用いる場合無駄にはならない?


50: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:07:01.59 ID:q6rW39Pd0

>>47
css使わないと10年前のホームページみたいになるぞ


53: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:07:34.48 ID:tt2oy3XV0

>>50
見栄えに限界があるってこと?


52: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:07:32.88 ID:dJwD0BwS0

>>47
肉付けってのが何のことかいまいちわからん。手順としては


完成形をまず考える。出来れば1枚絵にする

どんなブロック構成にすればよいか検討する

HTML書く

スタイル(CSS)書く。場合によっちゃ画像パーツを切り出す


ってするのが、最初はわかりやすいと思う


56: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:08:54.99 ID:tt2oy3XV0

>>52
3つ目まではそんな感じで進めてる
その次がわからん


59: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:10:15.88 ID:dJwD0BwS0

>>56
HTML書いただけじゃ、ただ文字が表示されるだけじゃん?


68: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:12:48.96 ID:tt2oy3XV0

htmlで文字が表示されるのはわかる
でもリンクできるじゃん?相対パスで。
それとcssは異なるもの?


72: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:14:11.01 ID:mO2+jwiX0

>>68
まったく分かってねえなwww
CSSはカスケーディング・スタイル・シートの略
要は見た目をいじるもの


73: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:14:45.56 ID:x1tgBILM0

>>68
全然違う
HTMLは文章のどこがなんであるかを指定するだけのもの
それ以上でも以下でもない
CSSはそのHTMLで定義付けられた文章のブラウザでの見た目や色を指定するもの


77: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:16:14.24 ID:tt2oy3XV0

htmlとcssは別物で、cssを使うことで見栄えよくできるということか


110: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:28:01.76 ID:mO2+jwiX0

今から始めるならちゃんとHTML5を覚えたほうがいい


114: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:29:16.75 ID:wkL0ZIjW0

html5ならjsなしでも同等なもの作れるからやってみ!


116: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:29:46.85 ID:tt2oy3XV0

html5???最新版?


121: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:32:18.34 ID:dJwD0BwS0

>>116
今は何も意識せずに、HTMLの1行目に

<DOCTYPE html>

とだけ書いときゃいい。それでHTML5になってる
HTML5で新しく追加された機能とかを使うのは、IEがどれだけ馬鹿かを知ってから


62: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:11:03.86 ID:EZKy2ryk0

html5タグ
<article> …… 記事であることを示す
<aside> ……… 余談であることを示す
<audio> ……… 音声を再生する
<canvas> …… 図形を描く
<command> … 操作メニューの各コマンドを指定する
<datalist> …… 入力候補となるデータリストを定義する
<details> …… 備考や操作手段などの詳細情報を示す
<embed> …… プラグインデータを埋め込む
<figcaption> …… 図表のキャプションを示す
<figure> ……… 図表であることを示す
<footer> …… フッタであることを示す
<header> ……ヘッダであることを示す
<hgroup> …… セクションの見出しを表す、見出しをまとめる
<keygen> …… フォーム送信時にキーを発行する
<mark> ……… 文書内の該当テキストを目立たせる
<menu> ……… 操作メニューを作成する
<meter> …… 規定範囲内の測定値を表す
<nav> ………… ナビゲーションであることを示す
<output> …… 計算結果を示す
<progress> … タスク完了までの進行状況を示す
<section> …… 一つのセクションであることを示す
<source> …… 動画や音声などのURLや種類を指定する
<summary> …… <details>の内容の要約を示す
<time> ……… 日付や時刻を正確に示す
<video> …… 動画を再生する
<rp> ………… ルビを囲む記号を指定する
<rt> ………… ルビのテキストを指定する
<ruby> ……… ルビをふる
<wbr> ……… 改行しても良い位置を示す


67: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:12:30.26 ID:mO2+jwiX0

>>62
使い分けめんどくさいからhtml5でもみんなdivにしちゃうっていう


71: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:13:46.62 ID:EZKy2ryk0

>>67
知らない人からしたら
意味不明なタグ使ってんじゃねー俺が修正してやるっ!!てなるしな


78: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:16:26.38 ID:/NZepr9r0

こういうスレ懐かしい


83: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:18:24.78 ID:Hvdt8zy10

このサイトのデザイン好きだなーってとこのソース見てみると勉強になると思う


89: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:20:38.02 ID:2RZBz7Hc0

たまーにwebの仕事があると必然的にhtml要求されるけど
以下に楽に作るかがポイントだよな


93: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:22:14.50 ID:tt2oy3XV0

みんなどうやって学んだんだよ…


97: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:23:09.05 ID:2RZBz7Hc0

>>93
とりあえずなんでもやってみるに決まってんだろ


119: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:31:46.03 ID:tt2oy3XV0

もう寝るわ、さんくす
勉強用に読んどけっていう本とかサイトのおすすめあれば教えてほしい


141: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:41:51.76 ID:d+IuenuD0

いまだにタグ調べるときはとほほみてる


54: 以下、名無しにかわりましてVIPがお送りします 投稿日:2014/01/31(金) 02:07:54.84 ID:ifpU7lgC0

ドットインストールやっとけ

関連:ドットインストール HTML入門 (全16回)


元スレ:http://viper.2ch.net/test/read.cgi/news4vip/1391100226/
sosu



このエントリーをはてなブックマークに追加 LINEで送る
↑この記事をみんなに広めよう↑

↓ランキングクリックよろしくお願いします↓
 にほんブログ村 2ちゃんねるブログ 2ちゃんねる(ニュース)へ にほんブログ村 2ちゃんねるブログ 2ちゃんねる(ゲーム)へ

コメントをどうぞ

メールアドレス
コメント本文

  • あなたのコメントが、更にこの記事をおもしろくします。

プロフィール

PipopeFavicon

ぴぽぺ速報です。

下らないニュース、
おもしろい事件、
ゲームなど色々扱っております。
1日約70記事です。

Twitter
RSS

↓ランキングクリックよろしくお願いします↓
 にほんブログ村 2ちゃんねるブログ 2ちゃんねる(ニュース)へ にほんブログ村 2ちゃんねるブログ 2ちゃんねる(ゲーム)へ

新着情報

逆アクセスランキング

アクセスカウンター

  • 19現在の記事:
  • 1490430総閲覧数:
  • 209今日の閲覧数:
  • 231昨日の閲覧数:
  • 537192総訪問者数:
  • 108今日の訪問者数:
  • 144昨日の訪問者数:
  • 123一日あたりの訪問者数:
  • 1現在オンライン中の人数:

genzou1919 world