WEB基礎 サンプルコードを書いてみよう！
マークアップ
簡単な自己紹介原稿をHTMLコードを書いてブラウザで確認してみる。最初のHTML宣言などは間違えないようにコピペする！※作業フォルダを作成してそこに画像などのファイルも入れる。
TeraPad操作Tips
...
2021-07
WEB基礎 
WEB基礎 HTMLタグ4(table)
テーブルタグ
table・・・今から表書きますcaption=表題tr=table row（行）・・・行が増えますth=table header（テーブルヘッダー）・・・見出し扱い。途中で出てきてもOKtd=table data（テ...
WEB基礎 HTMLタグ3（img）とパス(PATH)
imgタグ
alt属性には代替テキストを入れておく。ファイルが壊れてたり、通信環境により読み込めなくても、そこに何の画像があったか知らせることができて、ユーザーと検索エンジンに親切。
更に視覚障害のある方たちはブラウザを音声で...
WEB基礎 HTMLタグ2(リスト,hr,a)
リストタグ(ul,ol,dl)
リストタグは以下の３種類。見た目はCSSで定義するので、意味を考えて使い分ける。コードはSEO的に考えよう！
ulタグ
順序性のないリスト(unordered listの頭文字)。menu...
WEB基礎 HTMLタグ１(h,br,特殊文字)
検証ツール
いろいろな場面で、良いサイトのソースコードを見て勉強しよう！コツブラウザの「検証ツール」をたくさん使う。
HTMLとCSSを書いたら、以下のサイトで間違いがないか確認する。
Another HTML Lint...
Cocoon アイキャッチサイズの最適解
縦横比率 最低800×800以上 できれば1024×1024以上 推奨1280×1280 9:16801×14241026×18241287×2288約5:8約800×1294約1025×1658約1280×20712:3800×...
WEB基礎 HTML基礎
ソースコードの表示方法
右クリックで「ソースを表示」で、該当のソースコードが見れる。
デバックには右クリックで「検証」でディベロッパーツールが表示される。表示位置はアイコンをクリックで変更可能。
表示を変えられるのはC...
WEB基礎 WP基礎２
サーバー各社
有料・無料があるがお好みでどうぞ。先生は言ってなかったけど、契約するときには自己アフィリリンクを踏んでからの方がいい。お小遣いになります。
X-serverXFREEロリポップ光サーバー など
テーマ各種と...
WEB基礎 WP基礎１
Word Press概要
世界中で使われているCMSであるワードプレスは、カスタマイズのし易さもあり、世界中のサイトの約３分の1はwordpressで作られているともいわれるほど普及している。
多くのテーマやプラグインが存在し...