Development studies/군장병 sw개발

군장병 sw개발 교육 초급 1) #1 HTML

comoZ 2023. 3. 9. 17:35

이전 포스팅

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