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..

img 태그는누구나 짐작할 수 있다시피, 영단어 image 의 약자입니다. 이런 식으로 이미지 를 추가할 때 사용할 수 있습니다. 이미지가 너무 크면 크기를 조절할 수 있습니다. 크기 조절은 가로 (width) 를 조절하거나, 세로(height)를 조절하거나, 둘다 조절 할 수 있습니다.하나만 조절하는 경우, 비율에 맞춰 알아서 다른 하나도 조절 됩니다.img 크기 조절 방식설명width="값"img의 가로 길이 설정height="값"img의 세로 길이 설정 a 태그에서와 마찬가지로img 태그에서도 title 속성으로 툴팁(tool-tip)을 추가할 수 있습니다. a 태그 속성과 중복되니,..

button 태그는 말 그대로버튼을 만들 때 사용됩니다. 시작 태그 과종료 태그 사이에버튼 이름으로 사용될 글자를 입력하면 됩니다. Language-weaver button의 속성에 대해 알아보겠습니다. 먼저, type 속성입니다. Language-weaver submit 속성은 주로 무언가를 작성 후 서버로 데이터를 전송할 때 사용됩니다.가령,회원가입 form 을 작성 후 회원가입 개인 데이터를 서버로 저장할 때 누르게 되는 버튼 같은 것입니다.  데이터를 제출(submit)한다면,데이터를 초기화(reset) 하는 버튼도 있으면 편리하겠죠. Language-weaver  데이터를 초기화 하는 것에 목적이 ..

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..

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