1. : 링크(link) 태그는 href 속성을 사용하여 웹페이지나 파일, 동영상, 이미지 등의 링크를 걸 수 있습니다. 동영상 플레이어가 실행되도록 하거나 그 페이지로 이동하는 등 여러 방식으로 할 수 있습니다. 링크를 걸 문장 href 속성에 #을 넣으면 해당 id를 가진 요소로 이동할 수 있습니다. 다른 문서의 id라면 docName.html#goid 이런 방식으로 파일이름. html#아이디로 하면 이동할 수 있습니다. target 속성을 사용하여 링크를 열 곳을 지정할 수 있습니다. target= _self | _blank | _parent | _top _self : 기본값으로 현재 페이지에서 링크를 처리합니다. _blank : 새 창 또는 새 탭에서 링크를 처리합니다. _parent, _top ..
아메리카노 카페라떼 아이스티 유자차 아메리카노 카페라떼 아이스티 유자차 1. 목록 가운데 정렬 : text-align, margin .c1 { text-align: center; background: #555; } .c2 { width: 300px; margin-left: auto; margin-right: auto; background: #555; } .c3 { display: table; margin-left: auto; margin-right: auto; background: #555; } 목록 안의 내용만 가운데 정렬 : text-align: center 목록 요소 자체를 가운데 정렬 : width를 지정해 주어야 margin 속성이 좌우 간격을 설정해져서 가운데 정렬 된 것처럼 보이게 됩니다. ..
1. : 제목(heading) h1 태그입니다. h2 태그입니다. h3 태그입니다. h4 태그입니다. h5 태그입니다. h6 태그입니다. h태그의 글자의 기본 모양은 굵음입니다. h1에 가까울수록 크기가 커집니다. 문서의 구조와 연관되어 있기 때문에 글씨 크기를 위해 사용하지 않습니다. 글씨 크기는 font-size를 사용하여 변경하면 됩니다. 2. : 문단 중요한 건 꺾이지 않는 마음 중요한 건 꺾이지 않는 마음 p태그와 p태그 사이는 기본적으로 간격이 있습니다. p태그는 열 때부터 닫을 때까지 한 문단으로 보기 때문에 엔터나 탭 키가 들어가 있더라도 한 줄로 나오는 것을 확인할 수 있습니다. 문단 내에서 줄 바꿈을 위해서는 태그를 사용하면 됩니다. 중요한 건 꺾이지 않는 마음 중요한 건 꺾이지 않는 ..
1. line-height : 줄 높이 설정 1. 이 문단은 line-height: normal 입니다. 문단 꾸미기 내용 중에서... 2. 이 문단은 line-height: 25p 입니다. 문단 꾸미기 내용 중에서... 3. 이 문단은 line-height: 2 입니다. 문단 꾸미기 내용 중에서... 4. 이 문단은 line-height: 300% 입니다. 문단 꾸미기 내용 중에서... 5. 이 문단은 line-height: 60% 입니다. 문단 꾸미기 내용 중에서... line-height: normal | length | number | percentage | initial | inherit normal : 웹브라우저에서 정한 기본값으로 보통 1.2입니다. length : 길이로 줄 높이를 정합니다..
1. color : 글자 색 설정 color: color | initial | inherit color : 색을 지정합니다. 색상코드(#) 혹은 정의된 색(white, black 등) 등을 사용합니다. initial : 기본값으로 설정합니다. inherit : 부모 요소의 속성값을 상속받습니다. 2. font-family : 글꼴 설정 font-family: serif; font-family: sans-serif; font-family: monospace; font-family: cursive; font-family: fantasy; font-family: font | initial | inherit font : family-name 또는 generic-family initial : 기본값으로 설정합니다..
1. HTML 개요 HTML은 웹 페이지를 만드는 데 사용하는 언어로 Hyper Text Markup Language의 약자입니다. 콘텐츠의 서로 다른 부분들을 씌우거나 감싸서 다르게 보이게 하거나 특정한 방식으로 동작하도록 하는 요소(Element)로 이루어져 있습니다. 특정 기능을 지원하는 태그 문법을 사용하며, 모든 태그는 미리 정의되어 각각의 태그와 속성을 사용하기만 하면 됩니다. 요소(Element) XML, HTML에서 데이터, 텍스트, 이미지 등을 담을 수 있으며 일반적으로 여는 태그(Opening tag), 속성과 텍스트 콘텐츠, 닫는 태그(Closing tag)로 구성됩니다. 요소는 속성을 가질 수 있습니다. 요소 안에 요소를 중첩시킬 수 있고, 텍스트 콘탠츠를 가지지 않는 빈 요소를 만..
