2 주차 _2

교시

웹 프로그래밍 기초

행복교육원 채미혜
2. HTML 기본 태그
1. 텍스트 태그
1.0 주석 표시하기 - <!-- --!>>

 <!-- --!> 태그
 주석태그
 HTML 문서 내에 달아 놓은 설명문
 웹 브라우저에서는 보이지 않음

<!– 주석 내용 입력 -->
1. 텍스트 태그
1.1 제목 나타내기 - <h1>~<h6>

 <h1>~<h6> 태그
 제목을 표현하기 위해 사용

제목 나타내기
1. 텍스트 태그
1.1 제목 나타내기 - <h1>~<h6>

다양한 크기의 제목 나타내기

1. 텍스트 태그
1.2 줄바꿈과 공백 나타내기 - <br>,
&nbsp;

 <br> 태그와 &nbsp;

 <br> : 줄바꿈할 때 사용
 &nbsp; : 공백을 나타낼 때 사용
줄바꿈 태그와 공백 문자를 사용하지 않은 경우
1. 텍스트 태그
1.2 줄바꿈과 공백 나타내기 - <br>,
&nbsp;

줄바꿈 태그와 공백 문자를 사용한 경우

1. 텍스트 태그
1.2 줄바꿈과 공백 나타내기 - <br>,
&nbsp;

 특수 문자에 대한 HTML 표기 방식
1. 텍스트 태그
1.3 단락 구분하기 - <p>

 <p> 태그
 단락을 구분할 때 사용
단란 구분하기
2. 목록 태그
2.1 순서 없는 목록 나타내기 - <ul>,<li>

순서 없는 목록 나타내기
2. 목록 태그
2.2 순서 있는 목록 나타내기 - <ol>,<li>

순서 있는 목록 나타내기
수업 요약
 HTML 구조
 태그
 <!-- --!>
 <Hn> : <h1>,<h2>,<h3>,<h4>,<h5>,<h6>
 <br> : 종료 태그 없음
 <p>
 목록태그
 순서 없는 목록 : <ul><li>
 순서 있는 목록 : <ol><li>

Page 12
과제
1. 수업시간 동안 작성한 파일을 폴더 안에 넣어서 제출
 폴더 이름 : 학번 _ 이름
 제출 파일 : ex1.html, ex2.html, ex3.html, ex4.html, ex5.htm
l, ex6.html

2. 출제된 퀴즈 작성해 보기

Page 13