0824
h1 ~ h6 : 제목 (진하게 크게)
p : 본문, 단락, 문단 (p 마다 줄바꿈)
span : 단어, 일부 문장 (줄바꿈 하지 않음)
<br> : 줄바꿈
: 띄어쓰기
< : < 기호
> : > 기호
<br> : 줄바꿈
: 띄어쓰기
< : < 기호
> : > 기호
1. h1 - 제목
2. p - 내용 (단락 / 문단)
3. span - 단어
4. b 또는 strong - 진하게
5. i 또는 em - 이탤릭 (삐딱하게)
6. u - 밑줄
1. a - 링크 (하이퍼 텍스트)
2. img - 이미지
3. video - 동영상
4. audio - 음원
5. table / tr / td - 표
6. ul / li - 목록
1. 서버로 데이터를 전달해주기 위한 컨테이너 (가방)
2. action 속성으로 전달해줄 서버의 주소 지정
3. method 속성으로 GET 또는 POST 방식 지정
- GET : 데이터 조회, ? 기호 사용, 요청 데이터가 url에 노출
- POST : 데이터 입력 / 수정 / 삭제, 요청 데이터가 url에 노출되지 않음
* 파일 업로드 시 반드시 POST 사용
서버
-서비스를 제공하는 존재
-클라이언트로 부터 요청을 받아서 요청에 대한 응답
inline : 부분 자리 차지
block: 한줄 자리 차지
■태그
<p>문단, block>
<br> 줄바꿈
<span>그냥 텍스트, inline>
<b> 굵은텍스트 </b>
<strong>웹접근성 포함한 굵은텍스트</strong>
<i> 기울임꼴</i>
<em>웹접근성 기울임꼴</em>
<img>이미지 태그
-src로 이미지, alt로 이미지 설명(웹표준성), width, height,
<video> 비디오 태그
-controls 재생버튼, autoplay자동재생,loop반복 재생,
<source src="movie.mp4" type="video/mp4">
<source src="movie.mp4" type="video/avi">
</video>
<audio>오디오
src
<tabel> 표형식으로 css 없이 간단하게
<tr>제목
<td>데이터/셀/열
주석:간단한 메모 ctrl + / 누르면 된다 (예) <!-- 내용 -->
■속성
태그 안에 적는 속성
-href 링크의 대상을 주소로 지정. 클릭하면 이동하는 텍스트 링크
<a href="url"> </a>
절대경로 그 자료의 위치를 정확히 명시하는 것 객관적 위치. @@광역시 @@길 65-1
https://velog.io/@bami
C:\Program Files\Git
상대경로 주관적인 위치. 제일 인구가 많은 곳에서 비싼 마을
/ root 제일 상위
./ 현재 위치
../ 상위 경로
-id 선택자(태그에 이름을 부여할때 사용,사용한 id 다른 태그에서 재사용불가)
태그에 id 이름을 부여한뒤 a태그 hrdf로 url을 #id로 주면 바로 이동가능
상단으로 가기버튼#top #bttom
-class 선택자 (태그에 이름을 부여할 때 사용)
무료사이트 https://startbootstrap.com/?showAngular=false&showVue=false&showPro=false
부트스트랩https://www.w3schools.com/bootstrap5/bootstrap_get_started.php
https://www.similarweb.com/website/itemscout.io/#overview
ifram 태그 , 유튜브 embed
form action="login" method="post" (post는 파일 보낼때)
보낸 정보는 get일때는 물음표, post일때는 관리자도구
주소http://ggoreb.com/hrd/
고라이브 클릭, html 우클릭 후 open live
비주얼스튜디오 화면 줄바꿈 기능 alt z
html 연습 https://www.w3schools.com/