html-css (13) 썸네일형 리스트형 HTML 기초5 a태그 HTML에서 a태그 사용방법 예제 Google로 이동 새창에서 Google로 이동 test.html로 이동 test.html로 이동 실행결과 설명 하이퍼링크를 걸어주는 태그 href, target href 속성은 클릭시 이동할 주소(링크)를 받음 target 속성 _self : 현재 탭에서 페이지 이동 _target : 새로운 탭에서 페이지 이동 _top : 현재 페이지의 최상단으로 시점 이동 상대경로 자기 자신이 존재하는 위치를 기준으로 정해서 경로 탐색 내 컴퓨터/내문서/사진/사진.jpg ex) 위 경로에서 현재 사용자가 사진 폴더에 있을 경우 상대경로로 사진을 찾기 경로 : ./사진.jpg 현재폴더 : ./ = 사진 상위폴더 : ../ = 내문서 최상단폴더 : / = 내컴퓨터 절대경로 디렉토리(/).. HTML 기초4 공백, <, >, &, © 특수문자 HTML에서 공백, , & 사용방법 예제 공백을 넣고있다. 공백을 넣고있다. 화면에 출력되는 결과는 서로 다르다. 특수문자 표기 '' = > '&' = & '공백' = '카피라이트 ©' = © 실행결과 설명 & & 공백 카피라이트 © 더 많은 특수문자 사용법을 알고 싶으면 아래 링크를 참조하면 됩니다. https://entitycode.com/ HTML 기초3 p, br, hr 태그 p, br, hr 태그 예제 텍스트는 body태그 안에서 특별한 태그없이 입력할 수 있지만 단락을 사용하지 않으면 전체가 연결돼서 한줄로 표시된다. 텍스트는 body태그 안에서 특별한 태그없이 입력할 수 있지만 단락을 사용하지 않으면 전체가 연결돼서 한줄로 표시된다. 텍스트는 body태그 안에서 특별한 태그없이 입력할 수 있지만 단락을 사용하지 않으면 전체가 연결돼서 한줄로 표시된다. 실행결과 설명 p(paragraph) 태그, 하나의 문단을 의미하는 태그로 Body 태그안에 내용을 작성 할땐 특별한 태그없이 입력할 수 있지만 단락을 사용하지 않으면 전체가 연결돼서 한줄로 표시된다. , br(breaking) : 줄개행 태그 , 은 둘다 동일한 기능이며 은 xhtml도 지원해 안정성이 더 좋다. , hr.. HTML 기초2 h#태그 h#태그 예제 제목1 제목2 제목3 제목4 제목5 제목6 결과 설명 ~ 태그는 , , , , , 태그를 묶어서 이라고 하며 HTML 문서 내에서 글의 제목을 설정할 때 사용하는 태그로 h1~h6 까지 있으며 숫자가 작으면 글자 크기가 크며 숫자가 크면 글자 크기는 작아진다. HTML 기초1 HTML 기본 구조 DOCTYPE html> Document 설명 DOCTYPE html> 지금 문서가 HTML5로 작성된 웹페이지임을 선언 HTML문서의 시작과 끝을 나타내며 lang="en"은 속성으로 웹 접근성을 위한것이며 시각장애인등에게 현재 페이지가 무슨 언어로 작성됐는지 알려준다. 한국사용자가 많은 웹페이지는 ko로 변경하면 좋으며 lang속성은 생략해도 무방하다. 태그 태그는 대부분 시작태그 : , 종료태그 : 로 구성되어있으며 종료태그 없이 단독으로 사용되는 태그도 존재한다. ex) 부모태그, 자식태그 위 예제 코드에선 이 부모태그, , 는 자식태그로 시작태그와 종료태그 사이에 존재하면 부모, 자식 관계가 된다. 문서의 정보를 나타내는 태그 제목, 설명, 파일위치, 스타일(CSS)같은 웹페.. 이전 1 2 다음
