自己学習—Webプログラミング編(1)基本HTML
<!DOTYPE html>は、HTMLではなく文書フォーマットを定義する際に使用される文です.HTMLドキュメントの先頭にあり、ブラウザでHTMLドキュメントであることを通知するロールです.
<html lang = "ko">ページを表す主な言語は韓国語です.これはHTMLの基本フォーマットです.
<!DOCTYPE html>
<html lang = "ko">
<head>
<meta charset="UTF-8">
<title>기본 HTML 형식</HTML>
</head>
<body>
<h1>제목</h1>
<p>단락</p>
</body>
</html>
<head>タグにはHTMLドキュメントに関する情報が含まれていますが、一般ユーザーはそのタグに属する情報をウェブサイトに表示しません.ここで、
<meta>は、文書に関する情報を含むタグである.titleはその名の通りページタイトルのラベルです.<body>タグは、HTMLドキュメントのユーザーが見た部分です.ここで、
<h1>には1〜6個のタグがタイトルを表す.1はフォントが一番大きいです.<h1 title="h1태그로작성하였습니다.">h1 제목</h1><p>は段落を表すタグであり、内容中の文章、本文に相当する.headとbodyタグはhtmlタグ内で一度しか使用できません.
<hr>タグを使用して水平線を描画します(終了</hr>は使用しません).新しい行
<br>タグにジャンプ(br:Line Break、強制改行、</br>を使用せずに終了)基本レイアウト
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="utf-8">
<title>기본적인 레이아웃</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<p>여기는 로고와 이름이 들어갑니다.</p>
</header>
<nav>
<p>여기는 사이트 메뉴입니다.</p>
</nav>
<section>
<p>여기서 부터는 기사가 들어갑니다.</p>
<article>
<p>여기는 첫번째 기사입니다.</p>
</article>
<article>
<p>여기는 두번째 기사입니다.</p>
</article>
</section>
<aside>
<p>여기에 광고가 들어갑니다.</p>
</aside>
<footer>
<p>여기에 회사 정보가 들어갑니다.</p>
</footer>
</body>
</html><VscodeからLive Serverとして確認>
これらのラベルは心理ラベルと呼ばれています.
<header>:Webページまたは<section>の説明またはタイトルを記述する要素<nav>:ナビゲーション.主にページ移動やメニューが含まれます.<section>:標準区分に使用される要素<article>:プライマリ・コンテンツを含む要素<aside>:広告またはサイトの周囲のコンテンツを含む要素<footer>:通常、Webサイトの最下層の企業情報やWebサイト情報などの他の情報を含む要素に使用されます.基本的な内容を整理しました.
これから紹介する内容はこれらの内容を明らかにするのではなく、印象的な内容や問題解決の内容を紹介します.
学習資料
クラウド(https://www.goorm.io):一目でわかるHTML 5/CS 3チュートリアル
Reference
この問題について(自己学習—Webプログラミング編(1)基本HTML), 我々は、より多くの情報をここで見つけました https://velog.io/@naranghae/알아서-배우자-웹-프로그래밍-편-1テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol