이전 포스팅
https://turtlejacob.tistory.com/32
(2023)군장병 역량강화 sw,ai 교육을 들어가며
군장병을 위한 SW, AI 교육과정 중 SW(웹,파이썬)파트의 초급을 배정 받았다. 기존에 웹에 대해서 스프링을 인프런을 통해서 조금 공부했지만 웹에 대한 구체적인 지식이 전무하고 HTML, JAVASCRIT같은
turtlejacob.tistory.com
초급 1은 html&& css를 배운다.
크게 1단원은 html, 2단원은 css, 3단원은 css심화로 나눠지는데
1단원까지 들었다.
1단원 요약은 다음과 같다
HTML 기초
- HTML: HyperText Markup Language
- 웹 페이지를 만드는 데 사용되는 언어
- HTML 문서의 기본 구조: <! DOCTYPE html>로 시작하여 <html>, <head>, <body> 태그로 구성
제목, 내용 관련 태그
- 제목 관련 태그: <h1>~<h6> 태그로 제목 크기를 조절
- 본문 관련 태그: <p>, , <hr> 태그로 문단, 줄 바꿈, 구분선 추가 가능
링크 태그
- <a> 태그로 링크 생성 가능
- href 속성으로 링크 주소 지정 가능
- target 속성으로 링크 열기 위치 지정 가능
멀티미디어 관련 태그
- <img> 태그로 이미지 삽입 가능
- src 속성으로 이미지 파일 경로 지정 가능
- <video> 태그로 동영상 삽입 가능
- <audio> 태그로 오디오 삽입 가능
입력 양식 태그
- <form> 태그로 입력 양식 생성 가능
- <input> 태그로 텍스트, 비밀번호, 체크박스, 라디오 버튼 등 입력 필드 추가 가능
- <select> 태그로 드롭다운 메뉴, <textarea> 태그로 여러 줄의 텍스트 입력 필드 추가 가능
테이블과 리스트
- <table> 태그로 표 생성 가능
- <tr>, <th>, <td> 태그로 행, 제목 셀, 데이터 셀 생성 가능
- <ul>, <ol>, <li> 태그로 리스트 생성 가능
- ul 태그는 순서 없는 리스트, ol 태그는 순서 있는 리스트 생성 가능
자세한 내용은 노션으로 정리했는데
-> 링크 <-
다음 포스팅
https://turtlejacob.tistory.com/44
군장병 sw개발 교육 초급 1) #2 css
2,3일차 동안 css의 기본 정도를 배운거 같다 내용이 단순하고 비슷비슷해서 눈에 잘안들어왔는데 그냥 참고 천천히 했다.~ CSS 강의 목표 및 개요 자세한 내용이 궁금하시면 노션을 봐주세요 하단
turtlejacob.tistory.com
'Development studies > 군장병 sw개발' 카테고리의 다른 글
| 2023 군 장병 SW·AI 역량강화 교육과정 최종 후기 (0) | 2023.08.09 |
|---|---|
| 군장병 sw개발 교육 초급2) 후기 (0) | 2023.04.06 |
| 군장병 sw개발 교육 초급 1) #3 실습과 마무리 (0) | 2023.03.28 |
| 군장병 sw개발 교육 초급 1) #2 css (0) | 2023.03.10 |
| 2023 군장병 역량강화 sw,ai 교육을 들어가며 (0) | 2023.03.03 |
이전 포스팅
https://turtlejacob.tistory.com/32
(2023)군장병 역량강화 sw,ai 교육을 들어가며
군장병을 위한 SW, AI 교육과정 중 SW(웹,파이썬)파트의 초급을 배정 받았다. 기존에 웹에 대해서 스프링을 인프런을 통해서 조금 공부했지만 웹에 대한 구체적인 지식이 전무하고 HTML, JAVASCRIT같은
turtlejacob.tistory.com
초급 1은 html&& css를 배운다.
크게 1단원은 html, 2단원은 css, 3단원은 css심화로 나눠지는데
1단원까지 들었다.
1단원 요약은 다음과 같다
HTML 기초
- HTML: HyperText Markup Language
- 웹 페이지를 만드는 데 사용되는 언어
- HTML 문서의 기본 구조: <! DOCTYPE html>로 시작하여 <html>, <head>, <body> 태그로 구성
제목, 내용 관련 태그
- 제목 관련 태그: <h1>~<h6> 태그로 제목 크기를 조절
- 본문 관련 태그: <p>, , <hr> 태그로 문단, 줄 바꿈, 구분선 추가 가능
링크 태그
- <a> 태그로 링크 생성 가능
- href 속성으로 링크 주소 지정 가능
- target 속성으로 링크 열기 위치 지정 가능
멀티미디어 관련 태그
- <img> 태그로 이미지 삽입 가능
- src 속성으로 이미지 파일 경로 지정 가능
- <video> 태그로 동영상 삽입 가능
- <audio> 태그로 오디오 삽입 가능
입력 양식 태그
- <form> 태그로 입력 양식 생성 가능
- <input> 태그로 텍스트, 비밀번호, 체크박스, 라디오 버튼 등 입력 필드 추가 가능
- <select> 태그로 드롭다운 메뉴, <textarea> 태그로 여러 줄의 텍스트 입력 필드 추가 가능
테이블과 리스트
- <table> 태그로 표 생성 가능
- <tr>, <th>, <td> 태그로 행, 제목 셀, 데이터 셀 생성 가능
- <ul>, <ol>, <li> 태그로 리스트 생성 가능
- ul 태그는 순서 없는 리스트, ol 태그는 순서 있는 리스트 생성 가능
자세한 내용은 노션으로 정리했는데
-> 링크 <-
다음 포스팅
https://turtlejacob.tistory.com/44
군장병 sw개발 교육 초급 1) #2 css
2,3일차 동안 css의 기본 정도를 배운거 같다 내용이 단순하고 비슷비슷해서 눈에 잘안들어왔는데 그냥 참고 천천히 했다.~ CSS 강의 목표 및 개요 자세한 내용이 궁금하시면 노션을 봐주세요 하단
turtlejacob.tistory.com
'Development studies > 군장병 sw개발' 카테고리의 다른 글
| 2023 군 장병 SW·AI 역량강화 교육과정 최종 후기 (0) | 2023.08.09 |
|---|---|
| 군장병 sw개발 교육 초급2) 후기 (0) | 2023.04.06 |
| 군장병 sw개발 교육 초급 1) #3 실습과 마무리 (0) | 2023.03.28 |
| 군장병 sw개발 교육 초급 1) #2 css (0) | 2023.03.10 |
| 2023 군장병 역량강화 sw,ai 교육을 들어가며 (0) | 2023.03.03 |
