IT 세상 해석하기

[HTML] 텍스트 관련 태그 By i!kohong 태그 태그 설명 글꼴이나 글꼴의 크기, 글꼴 색 등 텍스트와 관련된 속성 지정 속성 (Attribute) face 윈도우에 설치되어 있는 기본 글꼴(굴림체, 궁서체, 돋움체, 바탕체, Geergia)을 지정한다. 한글과 영문에 따라 사용 할 수 있는 글꼴은 차이가 있다. ⊙ 한글 : 바탕체, 돋움체, 굴림체, 궁서체 ⊙ 영문 : Geargia color 글꼴 색(색상[Red,Blue,Yellow 등])이나 색상 코드[16진수, 10진수])을 지정한다. size 글꼴의 크기를 지정(1~7)한다. 기본은 3이다. 태그 태그 설명 글자나 이미지를 상하좌우로 움직일 수 있게 한다. Attribute(속성) behavior 스크롤형태(scroll, silde, ..

[HTML] 표 만들기 위한 태그 태그 동시설명 : ,,,, 태그 By i!kohong(아이코홍) 작성방법 : 아래의 예시 참고 태그 설명 페이지 내의 표를 만들기 위한 태그 단순 태그만을 사용해서 만드는것이 아닌, ,,,,를 같이 이용하여 작성을 합니다. 일반적으로는 ,,만으로도 표를 만들수 있습니다. 태그는 행(가로)를 의미합니다. 태그는 열(세로)를 의미합니다. 태그는 표의 제목을 의미합니다. 태그는 표의 본문 영역을 의미합니다. 태그는 제목 셀을 의미합니다. 별도의 CSS를 작성하지 않으면, 표의 테두리를 구현할 수 없습니다. Attribute(속성) 태그 속성값 설명 colspan 열을 확장시키는 의미, n개의 열을 합치는 모습을 볼 수 있습니다. rowspan 행을 확장시키게 해준다. n개의 ..

[HTML] 텍스트의 좌우 시작을 지정해준다. 태그 By i!kohong(아이코홍) 작성방법 : 텍스트 입력 사용 목적 작성된 텍스트를 왼쪽부터 오른쪽순으로, 혹은 오른쪽에서 왼쪽순으로 작성되도록 합니다. Attribute(속성) dir ltr 텍스트 방향을 왼쪽에서 오른쪽으로 작성한다. rtl 텍스트 방향을 오른쪽에서 왼쪽으로 작성한다. 사용예시 See the Pen Tag by KorHWS (@korhws) on CodePen.

[HTML] 굵은 텍스트를 원한다면 태그 By i!kohong(아이코홍) 작성방법 : 강조할 텍스트 입력 태그 설명 문장안에 특정 단어를 강조할때 사용되는 태그입니다. 일반 텍스트보다 굵은 텍스트를 볼 수 있습니다. 포스트 작성시에 에디터탭에 'B'라고 적혀 있는 부분이 이 태그를 이용하는것 입니다. 예시 See the Pen Tag by KorHWS (@korhws) on CodePen.

[HTML] 이미지 내부 영역 지정 By i!kohong(아이코홍) 작성방법 태그 설명 이미지상에서 특정 위치를 지정해주는 태그입니다. 태그로 이미지맵을 생성하며, 태그로 이미지의 위치를 지정해줍니다. 이미지내부의 설정되어있는 위치을 클릭가능하며, 작성된 링크로 이동, 혹은 파일 다운로드를 할 수 있도록 해줍니다. Attribute(속성) 속성 속성값 설명 alt text 영역의 대체 텍스트를 지정. href 속성이 존재하는 경우 필수입니다. coords 이미지 기준 (0,0,0,0) - 왼쪽 상단 shape="rect"일 경우 x1(왼쪽),y1(상단),x2(오른쪽),y2(하단) 모양이 '사각형'일 경우 '좌,상,우,하' 를 설정합니다. shape="circle"일 경우 x,y,반지름 모양이 '원형'일 ..

[HTML] 주소,전화번호,상호명,저작권등 작성 - 태그 By i!kohong(아이코홍) 작성방법 : 주소,전화번호,상호명,저작권 등을 작성 태그 설명 페이지의 작성자의 정보를 작성하기 위한 태그 단순 저작권 표시만으로 사용도 가능합니다. 저작권을 표시할려고 한다면, ©를 먼저 입력후 작성을 해주면 됩니다. 예시 See the Pen Tag by KorHWS (@korhws) on CodePen.

[HTML] 컨텐츠 설명을 위한 태그 By i!kohong(아이코홍) 작성방법 : 페이지에 보여줄 컨텐츠 입력 사용 목적 abbr은 약자(abbreviation)을 나타냅니다. 단어나 약어, 문장등 컨텐츠를 설명하고자 할때 사용되는 태그 페이지에는 표시가 안되지만, 마우스를 위에 올릴시에 해당되는 컨텐츠에 관한 정보를 보여준다. Attribute(속성) title : 컨텐츠를 설명해주는 내용을 작성하면 됩니다. 예시 See the Pen Tag by KorHWS (@korhws) on CodePen.

[HTML] 하이퍼링크 태그 By i!kohong(아이코홍) 작성방법 홈페이지에 보여줄 링크 이름 작성 사용 목적 클릭시 해당되는 경로(로컬 경로, 외부 경로, 북마크)로 바로 이동할 수 있도록 해준다. Attribute(속성) href 연결할 문서의 경로나 URL을 지정한다. #name : 동일 문서에 name으로 지정한 곳으로 이동한다. mailto : 받는_사람_메일_주소?subject="제목“ : 메일 보낼 때 의 링크를 지정한다. 기타 : 소리나 내려 받을 파일을 지정한다. name 동일 문서 내 특정 위치로 이동하는 책갈피 기능을 한다. 그림이나 글 내용 target 링크된 내용이 열릴 대상을 지정한다. _blank : 새로운 웹 브라우저 창에 하이퍼링크로 연결한 문서가 나타남 _parent ..

[HTML] 문서 타입 정의 By i!kohong(아이코홍) 작성방법 : 문서의 맨앞에 작성 사용 목적 HTML문서중 가장 첫번째 요소 HTML, XHTML, HTML5중 작성한 HTML의 버전을 브라우저에 지시 유형에 따른 마크업 문서의 요소와 속성등을 처리하는 기준이 되며 유효성 검사에 이용 DOCTYPE 종류 HTML5 - XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset XHTML 프롤로그(선언문) XHTML 4.01 Strict XHTML 4.01 Transitional XHTML 4.01 Frameset 예시 - HTML5

[HTML] 코드 설명을 위한 주석 태크 By i!kohong(아이코홍) 작성방법 : 사용 목적 코드 안에 사용되는 태그들의 사용 목적 및 설명을 작성하기 위해 사용됩니다. 코드 위에 ''을 사용하여, 아래의 코드가 어떤곳에 사용이 되며, 어떤 목적을 지니고 있는지를 확인 할 수 있도록 해줍니다. 주석은 컴퓨터가 무시하는 코드입니다. 예시