* 개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. #1 a 태그 - a 태그 주요 속성 #2 하이퍼링크 밑줄 글자색 제거 #3 앵커(anchor) #1 a 태그 태그는 "링크"를 만들 때 사용하는 태그이다. 태그를 텍스트와 함께 사용하면 텍스트 링크가 되고, 이미지와 함께 사용하면 이미지링크가 된다. 기본형은 다음과 같다. text 다음은 구글 메인 홈페이지로 이동하는 예시 코드이다. GOOGLE [a 태그의 주요 속성] href - 링크한 문서 혹은 사이트의 주소를 입력한다. target - 링크한 내용이 표시될 위치를 지정한다. _blank : 링크 내용을 새 탭에서 연다. _self : target 속성의 기본 값으로 링크가 있는 화면에서 열린다...

💬 웹브라우저(크롬, 오페라, 익스플로러 등..) 는 개발자가 작성한 HTML 형식의 문서의 정보를 받아들여 웹페이지에 렌더링 해준다. HTML 문서에 대해 이해하기 위해서 우선 HTML 문서를 구성하는 뼈대가 되는 기본적인 테그들 html, head, body, !doctype 테그에 대한 이해가 필수적으로 요구된다. 💡 개인적인 공부 내용을 기록하는 용도로 작성한 글 입니다. 지속적으로 수정해 나갈 예정입니다. #1 #2 #3 #4 이번 포스팅에서는 HTML 문서의 기본 구조를 이루는 태그들에 대해서 정리해 보고자 한다. 웹 문서는 기본적으로 이라는 태그로 시작해 라는 3개의 영역으로 구성된다. #1 태그는 웹 문서의 유형을 지정해 주는 태그이다. html은 만들어진지 오래된 언어라 다양한 버전이 존..

태그와 컨텐츠 [목차] #1 HyperText #2 MarkUp Language * 다음 포스팅은 개인적인 공부 내용을 정리하는 용도로 작성된 글 이기에, 잘못된 정보를 포함하고 있을 수 있습니다. #1 HyperText HTML이란 HypertText MarkUp Language의 약자로, 웹 페이지를 제작할 때 사용되는 언어이다. 본격적으로 HTML 관련 문법에 대해 알아보기 전에, HTML의 이름이 지닌 의미를 자세하게 분석해 보도록 하자. HyperText는 문서와 문서가 연결 되어 있다는 의미인데, 예를들어 특정 홈페이지에서 어떠한 링크 혹은 컨텐츠를 누르면 해당 페이지로 넘어가는 상황을 예시로 들 수 있다. 이처럼 HyperText 즉, 문서와 문서간 연결 = 링크(Link)는 HTML 언어에..

#2 글꼴 관련 스타일 [목차] 1. font-family - 글꼴 지정 2. font-size - 글자 크기 지정 3. font-weight - 글자 굵기 지정 * 개인적인 공부내용 정리용으로 작성한 게시글이기에, 잘못된 내용이 있을 수 있습니다. 1. font-family [기본형] font-family: | [, ] font-family 속성은 웹 문서에서 사용할 글꼴을 지정해 줄 때 사용합니다. 웹 문서에서 지정한 글꼴이 사용자의 컴퓨터 시스템에 없을 경우를 대비해서 대체 글꼴 이름을 지정해야 합니다. 예를들어, 다음과 같은 CSS 코드가 있다고 가정해 봅시다. body { font-family: "나눔 고딕", 바탕, 돋움 } 태그는 모든 태그들의 부모 태그 이기에, 웹 문서 전체 에 "나눔 고..

[CSS] #1 선택자 [목차] #1 전체 선택자 [universal selector] #2 타입 선택자 [type selector] #3 클래스 선택자 [class selector] #4 id 선택자 [id selector] #5 id 선택자 vs 클래스 선택자 * 개인적인 공부내용 정리용으로 작성한 게시글이기에, 잘못된 내용이 있을 수 있으며 지속적으로 수정해 나갈 예정입니다. 선택자란, 웹문서에 스타일을 적용할 태그(부분)을 알려주는 역할을 하는 것으로 선택자의 종류는 [전체 선택자] [타입 선택자] [클래스 선택자] [ID 선택자] 4가지로 구분합니다. #1 전체 선택자 [universal selector] 전체 선택자는 문서의 모든 요소에 스타일을 적용할 때 사용하며, *(별표)를 사용합니다. ..