[AI 웹개발 취업캠프] Python FLASK로 웹사이트 만들기(1)

1. 강의 개요, 설치 및 설정

강사 소개, FAQ, 커리큘럼등 소개를 하고 끝난다

 

2. HTML 집중 강의

HTML 기본 태그

기본 태그들 html, head, title, body, h1~6, p, strong, em 등등.. 에 대한 설명

1. html
   • HTML 문서의 시작과 끝을 감싸는 최상위 요소
2. head
   • 웹 페이지의 메타 정보와 문서 제목 등을 포함하는 부분
3. title
   • 웹 페이지의 제목
4. body
   • 웹 페이지의 실제 내용을 포함하는 부분
5. h1 ~ h6
   • 제목을 나타내는 태그, 숫자가 커질수록 제목의 수준이 낮아진다
6. p
   • 문단(paragraph)을 나타내는 태그
7. strong
   • 강조된 텍스트를 나타내는 태그, 텍스트를 굵게 표시
8. em
   • 강조된 이탤릭체 텍스트를 나타내는 태그, 텍스트를 기울임체로 표시하여 강조

 

HTML 목록

1. 순서 없는 목록 - ul
2. 순서 있는 목록 - ol

그 사이에 목록의 항목인 li 태그를 써준다

 

HTML Div 및 Span

Div

• division의 줄임말이고 컨테이너 역할을 하는 블록 레벨의 요소
• 웹페이지의 레이아웃을 구성, 스타일을 적용할때 사용
• CSS와 함께 그룹화해서 요소들에 스타일을 적용하거나 배치

 

Span

• 텍스트의 일부분을 감싸기 위해 사용
• 특정 부분의 스타일을 변경하거나 스크립트에서 조작하는데 사용

 

HTML 속성

(수정중)

 

 

 

 

 

 

 

 

본 후기는 정보통신산업진흥원(NIPA)에서 주관하는 <AI 서비스완성! AI+웹개발 취업캠프 - 프론트엔드&백엔드> 과정 학습/프로젝트/과제 기록으로 작성되었습니다.