0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

WEBサービスを配信したい!その①

Posted at

きっかけ

  • フルスタックエンジニアとして活躍したいから
  • アプリ開発関連のブログを作りたいと思ったから
  • 副業(アフィリエイトというもの)

作るもの

ブログ・・・開発関連のブログ

計画(変更する可能性あり)

 言語 HTML CSS PHP
 GitHubを使用して、タスク管理する
 
 5月 HTML と CSS の学習
 ⬇︎
 6月 ブログの企画、設計(終わり次第、開発開始) PHPの学習
 ⬇︎
 7月 開発中
 ⬇︎
 8月 完成
 

HTMLの基礎的な部分

<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Title</title>
 </head>
 <body>
 <!--コードを記入することで、画面に反映される-->
 </body>
</html>

基本的な形
 文字コードはUTF-8を設定
 言語を英語に設定している(日本語ならlang="ja"にしておくべき)
 headのtitleはブラウザの上にあるタブのタイトルを設定できる
 bodyに基本的にコードを追加していく
 
bodyの内部に入れる
 headerには、ロゴやナビゲーションを入れる
 mainには、本文は入れる

 <header>
 <!--コードを記入することで、上部の画面に反映される-->
 </header>
 
 <main>
 <!--コードを記入することで、メインの画面に反映される-->
 </main>
 
 <footer>
 <!--コードを記入することで、下部の画面に反映される-->
 </footer>

ナビゲーション(タブや表示位置を遷移するときに使用)
ulは番号なし
olは番号あり
liはリストのアイテム
<a href="~" に新しい画面に飛ぶ target="_blank" で新規タブに表示する

<nav>
    <ul>
      <li><a href="applePage.html" target="_blank">ホーム</a></li>
      <li>店舗案内</li>
      <li>問い合わせ</li>
      <li>採用情報</li>
      <li>その他</li>
    </ul>
  </nav>

次回の投稿日

 5月23日に投稿したいな

0
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?