Front-end/HTML5 9

[HTML5] 입력 양식 및 폼 관련 태그

입력양식 관련 태그 input 태그 사용자로부터 값을 입력받을 수 있는 텍스트 상자 및 체크박스, 라디오버튼 등을 만들 수 있음. 아이디 : 비밀번호 : 성별 : 남   여 폼 관련 태그 form태그 내에 submit 버튼 클릭 시 해당 for안에 작성된 사용자가 입력한 값들을 서버로 전송하면서 요청하는 역할 수행 form action="" method="" * action 속성 : 해당 form에 사용자가 입력한 값들을 전달하면서 요청할 서버의 경로 넣어줌 * method 속성 : 요청 전송 방식을 지정하는 속성(get(기본값) | post) ..

Front-end/HTML5 2024.06.26

[HTML5] 하이퍼링크 관련 태그

하이퍼링크 관련 태그 글자관련태그 글자관련태그 목록관련태그 네이버 * target속성 : 링크된 문서를 클릭했을 때 문서가 열리는 위치 지정 _self(기본값) : 현재 열려있는 장에 열림 _blank : 새 탭에서 열림 _parent : 링크된 문서를 현재 프레임의 부모 프레임에서 오픈형(프레임이 없으면 현재 탭) _top : 링크된 문서를 현재 윈도우 전체에서 오픈함(프레임이 없으면 현재 탭) 구글 사이트 다음 사이트 * img태그를 이용하여 링크 만들기 * 이미지 맵 이미지를 구역별로 나누어 링크..

Front-end/HTML5 2024.06.26

[HTML5] 영역 관련 태그

영역 관련 태그 div태그와 span태그의 차이점1 : 줄바꿈 적용 div태그 div태그는 블럭 요소로 한줄 단위로 영역 차지 첫번째 영역 두번째 영역 세번째 영역 span태그 span태그는 인라인요소로 content영역만 차지 첫번째 영역 두번째 영역 세번째 영역 div태그와 span태그의 차이점2 : 영역 지정 방식 div태그 : 사각형 박스로 영역을 지정 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Suscipit, laborum! Natus ullam, inventore molestiae quidem ad, sequi cupiditate vit..

Front-end/HTML5 2024.06.26

[HTML5] 이미지 및 멀티미디어 관련 태그

--> 이미지 관련 태그 * src 속성 절대경로 --> 귀여운 고양이 * alt 속성 - 사진의 경로가 잘못되었거나 이미지를 제대로 표현하지 못할 경우 대체 텍스트의 용도 - 시각장애인을 위한 스크린리더(화면낭독기)에서 이미지를 읽어주는 설명 문구 width와 height 속성 이미지의 가로, 세로 길이 조절하는 속성 고정길이(px), 가변길이(%)로 지정 => 기본값은 px 고정길이단위(px) === 기본값 : 화면사이즈가 조정되어도 이미지의 크기는 변하지 않는다. ..

Front-end/HTML5 2024.06.26

[HTML5] 글자 관련 태그

: 제목표시 --> h1 태그 입니다 h2 태그 입니다 h3 태그 입니다 h4 태그 입니다 h5 태그 입니다 h6 태그 입니다 h7 태그 입니다 문단을 나누는 태그 : p, pre 문단을 나누는 태그는 p태그와 pre태그가 있다. p태그는 줄바꿈하고자 한다면 별도로 태그를 작성해야 됨 그리고 공백은 한개의 공백만 표시하기 때문에 별도의      기호를 기술해야 한다. 그리고 2칸 띄우기와 3칸띄우기도 있다. lorem : 의미없는 문단 넣기 --> Lorem ipsum dolor ..

Front-end/HTML5 2024.06.24

[HTML5] 처음 시작

HTML5를 처음 시작 합니다. : 줄바꿈 태그 --> HTML5는 HTML의 완전한 5번째 버전으로 월드 와이드 웹 (World Wide Web)의 핵심 마크업 언어이다. 2004년 7월 Web Hypertext Application Technology Working Group(WHATWG)에서 웹 애플리케이션 1.0이라는 이름으로 세부 명세 작업을 시작하였다. HTML5는 HTML 4.01, XHTML 1.0, DOM 레벨 2 HTML에 대한 차기 표준 제안이다. 비디오, 오디오 등 다양한 부가기능과 최신 멀티미디어 콘텐츠를 액티브X 없이 브라우저에서 쉽게 볼 수 있게 하는 것을 목적으로 한다. W3C는 2014년 10월 28일 HTML5 표준안을 확정..

Front-end/HTML5 2024.06.24