HTML
- 웹브라우저에 표출할 수 있도록 formatting하는 언어
- 웹페이지의 구조를 잡는 언어이다.
- tag로 이루어져있다.
<시작태그>내용</종료태그>
- 시작 태그에 속성을 가질 수 있고, 여러개의 속성 지정이 가능하다.
- 요소 : <시작태그>내용</종료태그>
html의 기본 구조
<!DOCTYPE> /* HTML5 버전을 사용한다는 의미 */
<html> /* html 시작을 인지하고 요소 그릴 준비 */
<head>사이트의 제목, 설명, 부가 정보, 기술적 내용(ex. 이 사이트는 주로 모바일용인지)
<meta charset="utf-8">` : 한글, 일본어, 중국어가 포함된 페이지
<meta name="viewport" content="width=device-width">`: 디바이스의 가로 크기가 곧 웹 페이지의 가로와 같다는 의미
모바일에서 웹사이트가 예쁘게 잘 보이려면 추가해야 함
<title>repl.it</title>`: 브라우저 탭에 보이는 페이지 이름
</head>
<body> 화면에 보여질 태그 내용
</body>
</html>
html의 주요 태그
<h1> ~ <h5>
제목같은 텍스트를 보여줄 때 사용
1에서 5로 숫자가 올라갈 수록, 글씨 크기 작아짐
<span>
텍스트를 넣어줄 때 사용
inline-elemenr = 한 줄에 이어서 나옴
<p>
문단을 통으로 넣을 때 사용(paragraph)
줄바꿈이 일어남
<a>
링크로 연결할 때 사용
href 속성에 이동할 주소 입력
target 속성에 "_blank" 입력시 새창으로 연결
<div>
섹션을 나누루 때 사용(division)
다른 태그와 달리 그 자체가 의미를 가지지는 않음
비슷한 부분을, 디자인에 맞게 그룹핑하고 속성을 부여해 꾸밀 수 있음
html의 주요 속성
id
태그에 이름을 주는 속성
웹 페이지에 해당 id 이름은 오직 하나
id는 해당 요소에만 넣고 싶은 디자인을 적용할 때 사용
id 이름으로 요소 선택, 수정 등 가능
class
태그에 이름을 주는 속성
여러 태그에 중복된 이름을 부여