The Curious Adventurer's Journey The Curious Adventurer's Journey

Language-weaver Language-weaver 아무 스타일 적용도 하지 않았을 때, 기본적으로 글자는 왼쪽 정렬 됩니다.오른쪽 정렬이나 가운데 정렬을 하고 싶을 때는 정렬 속성을 사용해야 합니다. Language-weaver Language-weaver Language-weaver2 Language-weaver3 Language-weaver4 이렇게 정렬 속성을 지정하면, 글자의 가운데 정렬과 왼쪽 정렬도 가능합니다. 글자의 가운데 정렬 속성속성 설명style="text-align: left"왼쪽 정렬 (기본값)style="text-align: center"가운데 정렬style="t..

a 태그는 영단어 anchor에서 온 태그입니다.anchor는 배를 고정시키는 닻이라는 의미로, (배에서 항구에 정박하거나 섬에 정박할 때 무거운 닻을 땅에 박아서 배를 묶어두곤 했죠)html에서는 이 화면에서 저 화면으로 이동시켜주는 역할을 합니다. Language-Weaver 기본적으로 시작 tag 와 종료 tag 형태로 작성이 됩니다.다만, 이렇게만 쓰고, 어디로 이동할지를 작성하지 않으면Clicked 해도, 마우스를 tag 위치에 대어도 아무런 효과가 발생하지 않습니다.  Language-Weaver 이렇게 href 속성을 부여하여,(href는 Hypertext Reference의 약자로,Hypertext: 텍스트 내에 다른 문서나 매체로 연결되는 부분..

내용이 들어갈 공간 html의 기본 구조는 위와 같아야 합니다.body 안에 내용은 되도록 태그로 감싸여져서 분리하고 싶은 구간 만큼 분리되어야 합니다.

태그(tag)는 영단어로,상품에 붙는 가격이나 설명이 적혀 있는 꼬리표라는 의미입니다. html 에서는 코드들 중꺽쇠 ( ) 안에 들어가는 가장 기본적인 코드를 태그라고 합니다. 일반적으로 태그는 시작 태그()로 이루어져 있는데, 그런 태그가 없는 태그(br)도 일부 있습니다.

html에서 색상을 설정하는 방법은 5가지가 있습니다. 1. 색상 이름으로 설정하기red, blue, green 등과 같은 일반적인 색상 이름을 사용할 수 있습니다.2. 16진수: #RRGGBB 흔히 색상코드표라고 불리죠. 빨강, 초록, 파랑의 비율을 16진수로 표현합니다. 예) ##FF00DD3. RGB: rgb(R, G, B) 형태로 빨강, 초록, 파랑의 비율을 0~255 사이의 숫자로 표현합니다. 예) rgb(255, 10, 0)   4. RGBA: rgba(R, G, B, A) 형태로 빨강, 초록, 파랑, 투명도를 설정합니다. A 값은 0~1 사이의 숫자로, 0은 완전 투명, 1은 완전 불투명입니다. 3번 항목에서 투명도만 조절해 보았습니다. 예) rgba(255, 0, 0, 0.5)   5. H..

"brackets"라는 에디터에는빠른 편집 기능이 있습니다. 드래그 한 부분에서 [Ctrl] + [e] 를 하면, (맥에서는 [Command] + [e] 라고 하네요.)  관련 css 파일에서 연동되어 있는 부분을 보여줍니다. 알아두면 css 디자인을 할 때 아주 편리하겠죠?     비슷한 기능 바로가기https://free-weave.tistory.com/45 [brackets] 화면 분할하기"brackets"라는 에디터에는화면 분할하기 기능이 있습니다.  요 버튼을 누르면, 분할하기 관련된 메뉴가 표시됩니다.  기본적으로는 나누지 않음이나, 선택한 메뉴에 따라 창을 나누어서 사용할free-weave.tistory.com

title 태그라는 것이 있습니다.보통 일반적으로 '새 탭'의 이름이라고 하면 이해하기 쉬울 것 같네요. 아래와 같은 양식으로 사용되며,  이렇게 작성하여 미리보기 하면,탭의 이름으로 title 태그 안의 글자가 나오게 됩니다. 주의할 점은 너무 긴 title을 지정하지 않는 것입니다. 너무 긴 이름을 지정하면 말 줄임표(...) 처리가 될 수 있습니다. 그 특성상 하나의 title 태그만 사용 가능하며, 만약 2개 이상 작성 시에는 최상단의 1개만 적용됩니다.

HTML 문서에서 스타일을 적용할 때, 여러 가지 방법으로 스타일을 지정할 수 있습니다. 하지만 이렇게 지정된 스타일들이 충돌할 경우, 어떤 스타일이 적용될까요? 바로 스타일 적용 우선순위에 의해 결정됩니다.  1. !important 선언important 라는 영단어는 '중요한, 영향력이 있는' 이라는 의미를 가지죠. 그 말처럼, !important 선언이 들어가면 스타일에서 가장 높은 우선순위를 갖게 됩니다. 그렇기 때문에 남용해서는 안되고, 정말 중요할 때만 사용되어야 합니다.p { color:red !important;}  2. 인라인 스타일html 파일 내 스타일 속성 직접 부여하는 방식으로, 스타일 태그 내 부여와는 다릅니다. 다른 스타일보다는 우선 적용되지만, 스타일과 html 코드가 섞여 ..