HTML6 Head 태그 안에 배치할 수 있는 요소 head 안에 배치할 수 있는 요소 브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목을 정의한다. 텍스트만 포함될 수 있으며 태그를 포함하더라도 무시한다. Naver 문서 안의 모든 상대 URL이 사용할 기준 URL을 지정한다. 문서에는 하나의 요소만 존재할 수 있다. 상대경로의 기준을 변경한다. 현재 문서와 외부 리소스의 관계를 명시한다. 는 스타일 시트를 연결할 때 제일 많이 사용한다. 사이트 아이콘 (파비콘 및 홈화면 아이콘) 연결 등으로 쓰인다. 기타 참고 짐코딩 2024. 1. 22. Form 태그 Form : 사용자의 정보를 입력받을 수 있게 만들어 놓은 형식 HTML Form : HTML에서 Form은 웹에서 사용자의 정보를 입력받기 위해서 사용한다. 예를들어 로그인, 회원가입, 게시판 글쓰기 등에서 사용자의 데이터를 입력받는다. 이때 입력받은 데이터들의 묶음을 폼(Form), 그리고 데이터를 폼 데이터 (Form Data) 또는 필드 (Field) 라고 한다. 요소는 정보를 제출하기 위하여 어디서부터 어디까지가 양식인 지정하는 역할을 한다. 이름 : 이메일 : 속성 - 서버측에 값을 보낼 때 사용한다. action : 양식데이터를 처리할 서버 프로그램 URL method : 양식을 제출할 때 사용하는 HTTP 메서드 post : 양식 데이터 요청 본문으로 전송한다. (대부분 post mehod.. 2024. 1. 22. 이미지 & 멀티미디어 | 오디오, 비디오, 하이퍼링크 태그 태그는 HTML 문서에 이미지를 삽입한다. src 속성을 통해 경로를 설정해주는 것은 필수 alt 속성은 이미지에 대한 설명 : 웹 접근성이 향상된다. 스크린리더가 alt 값을 읽어 사용자에게 이미지를 설명한다. 또한 네트워크 오류, 컨텐츠 차단, 죽은 링크 등 이미지를 표시할 수 없는 경우에 속성값이 대신 보여진다. height : 픽셀 단위의 이미지 높이 (단위 없는 정수) width : 픽셀 단위의 이미지 너비 (단위 없는 정수) DOCTYPE html> Image_Media 이미지 태그 절대경로 vs 상대경로 절대경로 : 리소스(이미지)의 절대경로는 말 그대로 절대적인 고유한 경로를 지정하는 것. 웹 이미지 절대경로 ex) http://www.naver.com/apple.png >>> http 프.. 2024. 1. 22. Sementic 태그 | Inlin Element vs Block Element Sementic 태그 : 의미를 가지는 태그 : 검색엔진 최적화 : 웹 접근성 향상 : 가독성 향상 span 태그를 사용하여 h1 태그처럼 스타일을 꾸밀 수 있지만 이는 지양하는 바이다. non-sementic 태그를 사용하는 경우 : div 태그는 class를 지정해줘야 함으로 가독성이 떨어진다. DOCTYPE html> Document Header 영역 Menu1 Menu2 Menu3 Menu4 Content 영역 Footer 영역 sementic 태그를 사용하는 경우 DOCTYPE html> Semantic Header 영역 Menu1 Menu2 Menu3 Menu4 Contenet 영역 Footer 영역 HTML Sementic Element : 페이지에 대한 정보를 담는 태그, 페이지 상단에 위.. 2024. 1. 22. 이전 1 2 다음
