HTML 1. ブラウズ


📌 1.HTMLとは何ですか。


ハイパーテキストタグ言語の略語.
ここで、「ハイパーテキスト」とは、Webサイトのリンクをクリックして他のドキュメントまたはサイトに移動できる機能を指し、「マークアップ」とは、タグを使用してタイトル、本文、画像を表示することを意味します.

📌 2.Tagの使用の重要性


tagはとても重要で、ホームページの構造によってよく使います.
タイトルにabcdを作成する場合は、以下の2つの方法でコードを入力できます.Webブラウザでは文字の大きさとスタイルは同じように見えますが、abcdを検索する場合は、h 4タグを使用した方が検索効果が高いです.タグはWebドキュメントに表示する内容を伝える言語であるため、正しいタグを使うことが重要です.
1) abcd<span style = "font-size:15px"> abcd </span>2)abcd<h4>abcd</h4>🟡 ラベルを使うとき、覚えておきたい注意事項!
(1)タグは<>を用いて区別する.
ex)は、「photo」の略「photo」を表すために、<photo>タグを使用する.
Webブラウザは<>の文字のみをタグとして扱います.
(2)タグに小文字を使う.
ラベルは大文字と小文字を区別しませんが、ラベルとラベルで使用されるプロパティは小文字が望ましいです.
(3)ラベルの開閉を正しく入力します.
ラベル適用範囲として認識するには、前に<h1>でラベルを開く場合、後に</h1>で閉じたラベルを付ける必要があります.終了ラベルもありますが、必ず終了ラベルが必要なラベルに載せてください.
(4)インデントを使用します.
インデントを適切に使用すると、ラベル間の包含関係を簡単に確認できます.インデント時にTabキーを使用します.
(5)タグは属性とともに使用する.
<タグ属性=属性値属性=属性値...>使用可能
ex) <img src = "이미지 파일 이름" width= 100%>で、srcとwidthはタグの補助説明の属性になります.

📌 3.HTML基本構造ロジック

<!doctype html>
<html>
 <head>
   <meta charset="uft-8">
   <title>WEB1 - html</title>
 </head>
 <body>
   <h1> 헤드라인 </h1>
   <p> 본문내용 </p>
 </body>
</html>
HTMLデフォルト構造
<!doctype html> 은 웹 페이지가 HTML로 만들어졌다는 것을 뜻함.
<html> : <body><head>를 감싸는 태그로 웹 문서의 시작과 끝을 나타내는 태그.
<head> : 본문을 설명하는 정보 태그. 실제 문서 내용이 아님. 스타일 및 스크립트 등 포함.
<body> : 본문 내용 태그로 실제 웹 브라우저 화면에 나타나는 내용.
HTMLのその他のラベル
<title> : 웹 브라우저 제목 표시줄에 표시됨. 검색엔진은 제목 표시줄을 보고 페이지 전체의 내용 추측
<meta> : 문자 인코딩을 지정
<strong> : 문자를 진하게 표시함.
<u> : 문자에 밑줄
<h1>~<h6> : 제목 텍스트. 일반 텍스트보다 크고 진하게 표시됨. h1이 가장 크게 표시됨.
<p> : 문자 단락 생성. 정보로써 더 좋은 선택이 될 수 있음. 
<br> : 줄 바꾸기. 닫힌 태그 없음! 여러번 <br><br>하면 줄 많이 바꿀 수 있음.