HTML 2일차 공부

오늘 웬만한 HTML 관련 태그 함수와 테이블과 폼 블럭요소 태그와 인라인 태그의 차이점을
공부 및 복습 하려고 한다.

img 태그는 요소 안에 이미지를 삽입하기 위해 쓰는 것이다.
img태그의 기본적인 구성은

<img src="" alt=""> 로 되어 있는데 여기서 src="" 안에 경로를 추가해준다.

|
사진과 같이 나는 폴더 안에 있는 사진을 불러왔는데 html에서는 절대경로가 아닌
상대경로로 작성해주어야 하는데 예를 들어 코드를 작성하고 있는 폴더 안에 있는 사진을 불러오고 싶으면 ./ : 현재위치에서 불러오는 방법이고
../: 는 상위 폴더에 위치해 있는 파일을 불러오는 방식이다.

여기서 src는 무조건 써줘야 하지만 alt같은 경우는 적지 않는다 해서 크게 문제가 될 건 없다.
하지만 이미지가 깨진 부분 대체 택스트 웹 접근성 이유 때문에 간략하게라도 이미지의 단어를 적는것이 좋다.

다음은 form태그인데 말그대로 폼을 정의하는 태그다.
form태그의 구조는 <form action=""></form>로 되어 있는데 action속성에 데이터를 전송할url을 지정한다.

input태그는 사용자가 입력 받을 수 있는 태그인데 예를 들어 우리가 회원가입을 할때 사용하는 폼 형태가 이 input태그로 만들어져 있다.

블럭요소와 인라인요소가 있는데 이 둘의 차이점은 블럭요소는 세로배치인 반면 인라인요소는 가로 배치이며 가로 세로 길이를 점유하지 않는다.

이제 CSS파트 복습하러 가야지~