2023.05.01 HTML 기본 개념

2강

HTML은 Markup Language입니다.

자료가 어디에 어떻게 배치되어 있나 표현하기 위한 언어입니다.

웹표준을 잘 지키기 위해서는 아래와 같이 작성해야 합니다.

• 글 제목은 <h1></h1> 태그 안에 적어야 합니다.
• 본문은 <p></p> 태그 안에 적어야 합니다.
• 버튼은 <button></button> 태그를 이용합니다.
• 링크를 만들기 위해서는 <a href="링크 주소">링크 이름</a> 형식으로 작성합니다.
• 이미지를 삽입하기 위해서는 <img src="이미지 경로"> 형식을 이용합니다.
• 리스트를 만들기 위해서는 <ol> 혹은 <ul> 태그 안에 <li> 태그를 이용하여 작성합니다.
• <ol><li>리스트</li></ol> ol : ordered list <ul><li>리스트</li></ul> ul : unordered list li : list item
• 태그 안에 태그를 작성할 수 있습니다.

3강

HTML 꾸미는 법

HTML을 꾸미기 위해서는 style 속성을 이용합니다.

스타일은 다음과 같은 형식으로 작성합니다.

스타일명: 값;

margin 속성을 이용하면 여백을 설정할 수 있습니다.

이미지를 가운데 정렬하기 위해서는 다음과 같은 스타일을 이용합니다.

display: block;
margin-left: auto;
margin-right: auto;

글자 스타일링 방법

• 글자 크기 : font-size: 16px;
• 글자 폰트 : font-family: 'gulim';
• 글자 색 : color: red;
• 글자 자간 : letter-spacing: 1px;
• 글자 정렬 : text-align: center;
• 글자 굵기 : Font-weight: 100~900; <strong>
• 특정 부분만 스타일링하기 위해서는 <span> 태그를 이용합니다.
• % 단위는 부모태그 사이즈에 비례