Fullstack-Study-241204-250625

커리큘럼

01. HTML,CSS  (v)
02. git
03. Java
04. Database
05. Jsp
06. 미니프로젝트

07. SpringFramework
08. SrpingBoot
09. React JS
10. 중간프로젝트

11. Linux 명령어
12. AWS 클라우드
13. Kotlin
14. Andriod
15. 최종프로젝트

---

HTML(Hyper Text Markup Language)

• 기본형식 <태그이름>문서의 내용</태그이름>

제목태그

<h1>내용</h1>

h1   # 큰제목
h2
h3
h4
h5
h6

본문태그

<p>본문 내용</p>
<br>
<hr>

p   # 본문
br  # 줄바꿈 
hr  # 수평줄

기타태그

<b>굵은 글자 내용</b>

b       # 굵은 글자
i       # 기울어진 글자
small   # 작은 글자
sub     # 아래에 달라붙는 글자
sup     # 위에 달라붙는 글자
ins     # 밑줄 글자
del     # 가운데 줄이 그어진 글자

a 태그

<a href="링크 주소"></a>

a       # 링크 태그

목록 태그

<ul>
    <li></li>
</ul>

<ol>
    <li></li>
</ol>

ul       # 순서가 있는 목록
ol       # 순서가 없는 목록
li       # 목록 요소

테이블 태그

<table>
    <tr>
        <th></th>
    </tr>

    <tr>
        <td></td>
    </tr>
</table>

table    # 테이블
tr       # 행 태그
th       # 행 내부 제목 셀 <굵은 글씨, 중앙 정렬>
td       # 행 내부 내용 셀 <왼쪽 정렬>

이미지 태그

<img src="경로" alt="대체문자" ></img>

img      # 이미지
src      # 이미지 경로
alt      # 이미지가 없을 때 나오는 글자
width    # 이미지 너비
height   # 이미지 높이

비디오 태그

<video src="경로" type="video/mp4"></video>

video   # 비디오
src     # 비디오 경로
type    # 비디오파일 형식

입력 양식

• 서버와 통신하고자 사용

<form>
    <input type="태그" name="값" value="값">
</form>

form        # 입력을 받기 위한 양식 태그
    - action : form양식으로 받은 데이터를 보낼 주소
    - method : form양식을 보낼 방법<get/post>
input       # 입력받는 칸

input 태그 속성

<input type="태그">

button      # 버튼
checkbox    # 체크박스
file        # 파일 업로드 양식
hidden      # 보이지 않음
image       # 이미지 형태 생성
password    # 비밀번호 양식
radio       # 라디오 버튼
reset       # 초기화 버튼
submit      # 제출 버튼
text        # 글자 양식

Select 태그

• 여러 개의 목록에서 몇 가지를 선택할 수 있는 입력 양식

<select name="name">
    <option value="value값">value값</value>
    <option value="value값">value값</value>
</select>

select      # 선택 양식 생성
optgroup    # 옵션 그룹화
option      # 옵션 생성