2024.03.27 4주차 수업
<HTML 문서의 작성규칙>
# 기본요소 태그
# center: center 안에 들어가 있는 내용을 중앙으로 정렬해줌
# head가 없어도 읽히지만 브라우저로 보게 되면 대표하는 타이틀이 나타나지 않음. 👇
# 태그 명령어를 쓰지 않으면 인식하지 못함
# <p> : 단락 단위로 줄바꿈
ex) 우리 <p> 나라 -> 우리
나라
# <br>: 문장 개행(줄바꿈)
ex) 우리 <br> 나라 -> 우리
나라
=> <p> 한번은 <br> 두번과 같음
# enter키는 인식을 하지 못함.
# 띄어쓰기는 한칸 이상 인식하지 못함 -> 두칸 띄어도 한칸으로 뜸👇
# <p> 태그는 여러번 써도 한번밖에 띄어써지지 않음.
# <br>은 여러번 써도 괜찮음.
# </p>는 안써도 되지만 단락을 나누기 위해 사용. (그룹을 지정해 그룹마다의 동적인 변화를 줄 때 사용함.)
<HTML 태그의 속성>
<h1 align = right or lefr or center> 들어갈 내용 쓰기 </h1>
<font color = 내가 사용하고 싶은 색> ~~ </font>
-> 색을 영어로 치지 않고 색상코드로 할 수 있음. 코드로 입력하면 더 다양한 색 사용 가능.
size는 글씨 크기를 바꿀 수 있음. 1~7까지 가능하고 숫자가 클수록 글씨 크기도 커짐
# h와 size의 차이
-h는 줄바꿈이 되지만 size는 줄바꿈이 안됨.
색상코드는 16진수 사용.
#색상코드
ffffff -> 하얀색
000000 -> 검은색
ff0000 -> 빨간색
00ff00 -> 초록색
0000ff -> 파란색
# <h1 align = left, center, right> = 글자를 왼쪽, 중앙, 오른쪽에 나타내는 코드
<h1,2,3,4,5,6> 보통 제목을 쓸 때 사용
# <font size = 1~7> 글씨 크기 조절 (숫자가 클 수록 글씨 크기가 커짐)
# <font color = red> 글씨 크기가 빨간색으로 바뀜 (색상 코드 입력 가능)
# <font face = 궁서체> 글씨체가 궁서체로 바뀜
# 오늘 배운 내용 실행 결과
주석에 관한 시험은 내지 않음
주석표현하는 방법 : <!-- 를 쓰면 코드가 실행되지 않음-->
주석의 정의: 프로그래밍에 있어 내용을 메모하는 목적으로 사용함.
tip!
visual studio code 에서 ctrl s 를 누르면 바뀐 결과값이 바로 나옴
모든 사진의 출처는 전응섭 교수님의 PPT를 참조하였습니다.