4주차 웹 프로그래밍 수업 내용

2024. 3. 27. 12:46기초 웹 프로그래밍/수업내용

반응형

기초 웹 프로그램 4주차 수업 내용

 

예전에는 <!DOCTYPE HTML>을 잘 안썼지만, 요새는 써야 한다

<!>을 써서 실행은 하지 않고 이 문서가 HTML5 문서인 것을 알기 쉽게 한다.

 

<HTML>로 시작하고 </HTML>로 끝난다

 

앞뒤로 태그 없이 사용하면 문자열 그대로 폰트4의 크기로 나타난다

태그는 대소문자를 크게 구분하지 않지만, 이왕이면 소문자로 쓰도록 한다

 

<p> 태그는 단락을 띄우는 역할을 한다.

<p></p>를 써서 한 단락으로 묶는 역할도 한다

<br> 태그를 쓰면 위쪽 문장에 바로 붙이는 역할.

<p><br>의 차이점은 <p>는 한 줄을 더 띄고 사용하는 거라 <p> = <br><br> 같다고 할 수 있지만 <p><p>이렇게 써도 두 번 띄고 하는 것이 아니라 한 줄만 띄고 <br>은 여러 번 적용 된다

<br>은 단지 줄바꿈을 나타내는 태그고 <p>는 단락을 바꾸는 태그이다.

 

<CENTER> 태그는 중간으로 정렬하는 역할

<HEAD>를 빼면 <body> 부분만 나온다

 

주석의 정의 : 주석을 쓰는 이유 매우 중요함

주석을 작성하는 이유 : 추후에 설명하거나 알아보기 쉽게 하기 위해 작성한다

ex) <!--뒤에있는 내용은 주석 태그이다-->

 

태그는 2,3개 등 여러개를 중복해서 다양한 형태로 쓸 수 있다

정렬하는 태그는 <Hn ALIGN = position>

position에는 left, right, center 중 하나를 쓸 수 있다.

 

글자 크기를 결정하는 태그는 </Hn>(n에는 1 ~ 6을 쓸 수 있다)

여섯 단계의 문자 크기를 지정하는 header를 정의한다

<H> </H>로 끝나면 개행한다 (줄을 바꾼다)

<H>태그는 제목에 해당하는 부분과 본문에 해당하는 내용을 분리하고

특징으로는, 개행적 성격을 띄고 제목 형태를 띈다

 

FONT SIZE = n - size1(가장작은값)~ 7 (가장큰값) 상대적 크기 지정방식 가능 : ±n

COLOR=#rrggbb - color16진수 혹은 색상이름

FACE=“string”></ FONT> - face는 표준은 아니지만 글꼴이름

font는 본문(일반문자)에 해당하는 글자이기 떄문에 개행없이 쭉 붙어서 나온다

이것을 개행 시키고 싶다면 <br>을 사용 하면 된다.

color에서 #rrggbb / #000000 검정색 / #ffffff 하얀색

#ff0000 빨강 / #00ff00 노란색?초록색? / #0000ff - 파란색

'기초 웹 프로그래밍 > 수업내용' 카테고리의 다른 글

5주차 웹 프로그래밍 수업 내용  (0) 2024.04.03