전체 글
-
하이퍼링크 태그프로그래밍/HTML&CSS 2022. 8. 21. 11:50
하이퍼링크란 다른 페이지나 사이트로 연결하는 링크로 웹 페이지에서 문자 혹은 이미지를 클릭했을 때 반응하여 사전에 연결해둔 페이지로 이동하는 기술이다. 하이퍼링크을 구현하기 위해서는 태그를 사용한다. 태그의 사용법을 알아보자. 링크에 사용될 문자 또는 이미지 href 안에는 상대 경로 혹은 절대경로, URL 를 입력하고 태그 사이에 문자 혹은 이미지를 삽입하여 구현한다. [1_하이퍼링크.html] 하이퍼링크 다음 서브페이지 위 와 같이 코드를 작성하였다면 "다음" 혹은 "다음 로고 이미지"를 클릭할시 다음 URL를 통해 다음 페이지로 이동하게된다. 그 아래는 다음 pages 폴더에 subpages.html이라는 다른 HTML 페이지를 만들어 "서브페이지" 혹은 "서브페이지 이미지" 를 클릭할 경우 sub..
-
테이블(table) 태그프로그래밍/HTML&CSS 2022. 8. 21. 11:30
테이블 태그는 데이터를 보기 좋게 정리하여 보여주는 표를 만드는 태그이다. 태그로 표의 시작과 끝을 선언해주고, 태그를 사용하여 테이블의 행(가로)를 만들어준다. 태그 안에는 해당태그가 포함할 열을 표현하는 태그를 위치시킨다. 태그는 태그와 태그를 포함하는데 태그는 열의 헤더(header) 역할을 하고 태그는 열의 내용(content) 역할을 한다. 1번째 제목 2번째 제목 1번째 셀 2번째 셀 1번째 셀 2번째 셀 colspan 속성 가로로 행(rows)을 합치는 방법으로 합치길 원하는 가로 행의 개수를 입력한다. rowspan 속성 세로로 열(column)을 합치는 방법으로 합치길 원하는 세로 열의 개수를 입력한다. 1번 셀 2번 셀 3번 셀 5번 셀 8번 셀 9번 셀 태그 표에 제목을 붙일 때 사용..
-
-
텍스트(Text) 관련 태그프로그래밍/HTML&CSS 2022. 8. 20. 12:24
제목태그 다양한 크기의 제목을 표현할 수 있는 태그로 가장 큰 태그부터 가장 작은 태그까지 제목을 표현할 수 있다. 제목태그는 한줄을 전부 사용하는 블록(block) 태그의 성질을 포함하고 있고 검색엔진에서 각 웹사이트의 내용을 제목 태그를 통해 수집이 가능하다. 제목 제목 제목 제목 제목 제목 문단태그 내용상 끊어서 구분할 수 있는 부분을 구분하며, 블록태그의 성질을 포함한다. 내용상 끊어서 구분할 수 있는 부분블록(block) 태그 문단을 아래로 내립니다. 문장을 아래로 내릴게요 글씨를 적어볼게요 서식태그 텍스트를 굵게 표현하고 싶을 때 사용하며 비슷한 태그로 태그가 있다. 다만 태그는 단순히 텍스트를 진하게 표시하는 역할만 제공하지만 태그는 실제 페이지 내에서 중요한 부분을 브라우저에게 알려주는 역..
-
HTML 들어가기프로그래밍/HTML&CSS 2022. 8. 19. 12:47
HTML(HyperText Markup Language) HTML은 간단히 웹문서를 만드는 언어하고 할 수 있다. 웹사이트의 구조를 담당하며, 웹사이트를 구성하는 제목, 문단, 이미지, 동영상들을 정의하고 의미를 부여하는 언어이다. HTML은 프로그래밍 언어가 아닌 마크업 기반의 언어로 일반적으로 프로그래밍을 한다기 보단 작성한다는 의미를 사용한다. HTML 문서를 작성하다보면 에러를 보여주지 않기 때문에 명확한 코드 작성이 요구된다. * Markup Language : 특별한 기호나 표기를 사용하여 글의 서식과 스타일을 정해주는 언어. HTML의 특징 - 문서를 작업할 수 있는 편집기라면 어떤 것이든 사용이 가능하다. - 확장명은 .html로 지정한다. - 대소문자를 구별하지 않지만 관례상 소문자로 작..