HTML_글자_개념
<html 기본 구조>
<!DOCTYPE html> <!--: 파일의 상태-->
<html><!--:어떤파일인지 알 수 있다-->
<head>
<title>나의 첫 번째 웹 페이지</title>
</head>
<body>
<h1 align='center'>저의 첫 번째 웹페이지에 오신 것을 환영합니다.</h1>
<h3>나의 소개</h3>
<ul>
<li>이름<li>
<li>생년월일</li>
</ul>
<hr>
<h3>나의 꿈</h3>
<i>to be continue...</i>
</body>
</html><!--: 어떤파일인지 알 수 있다.-->html은 웹페이지 구조 뼈대이다.
<html>
: <head>와 <body>로 나눌 수 있다.
<head>
: 머리, 문서 정보, 문서 자체에 대한 설명
<body>
: 몸통, 화면에 출력해 보여줄 내용.
<html>:시작태그
</html>:종료태그 (종료태그는 / 추가된다.)
<속성>
: 태그 안에 쓰는 것을 속성이라고 한다.
: 태그를 구체화하기 위한 것이다.
align='center'
: 텍스트 가운데로 정렬
: 띄어쓰기
<!-- 설명할 내용 -->
: 주석
: 주석은 웹에서 코드를 까보면 보이기 때문에 주의 해야한다.
<제목태그>
: 숫자가 커질수록 글자 크기는 작아진다. 자동으로 굶게 표시
: <h1><h2><h3><h4><h5><h6>태그가 있다.
<블록요소>
: 영역을 한 줄 모두 차지하는 요소
<인라인요소>
: 작성한 내용만큼의 영역을 차지하는 요소
<인라인요소/블록요소 구별하는 방법>
<h1>h1태그입니다</h1>123123이 옆에 붙어서 나오면 인라인요소이고,
줄바뀜되서 다음줄에 나오면 블록요소이다.
<줄바꿈, 구분줄>
<br>
: 줄바꿈
: 각 문장 끝에 넣어준다.
<hr>
: 구분줄
<강조>
<strong></strong>
: 글씨를 굵게 만들어 강조한다.
: 중요한 요소(강조의 의미)라고 알려준다.
: (인라인요소)
<b></b>
: 글씨를 굶게 만들어 강조한다.
: (인라인 요소)
<mark></mark>
: 형광펜 효과를 내는 태그
: 컬러변경은 css를 통해 변경가능하다.
<u></u>
: 글자에 밑줄을 긋는 태그
<s></s>
: 글자 가운데 취소선
<기울임>
<em></em>
: 글자를 기울일 수 있다.
: 중요한 요소(강조의 의미)라고 알려준다.
<i></i>
: 글자를 기울일 수 있다.
<작은 글씨>
<small></small>
: 글씨 작게 나타내기
<인용>
<blockquote></blockquote>
: 인용문구 나타낼 수 있다.
: 들여쓰기 가능하다.
: 블록요소
<q></q>
: 인용문구 나타낼 수 있다.
: ""감싸져서 나타난다.
<첨자>
<sub></sub>
: 아래첨자
<sup></sup>
: 윗첨자
<문단단락을 구문하는 태그>
<p></p>
: 한 개의 공백만 표시하여 줄바꿈을 별도로 태그로 지정해주어야 한다.
: 문단만 나누는 태그이다.
<pre></pre>
: 여러 칸 띄우기 혹은 줄바꿈 등을 포함하여 내용을 표현하는 태그이다.
: 모든걸 그대로 표현
<예시>
<p>
태그들은 해당 태그 내에서 중첩으로 사용 가능하다. <b>굶은</b> 글자를 사용할 수도 있고, <em>기울이거나</em>, <s>취소선</s>을
넣는 등 다양하게 사용할 수 있다.
</p>