불로구

시멘틱태그 - 의미가 있는 태그, HTML5 문서를 구조화하는데 사용 1) - 페이지나 섹션의 머리말을 표현 ​ 2) - 하이퍼링크등을 모아 놓은 특별한 섹션, 목차를 만들기 위해 주로 사용 ​ 3) - 문서의 장, 절을 구성하는 역할 ​ 4) - 본문과 연관되어 있지만, 독립적인 콘텐츠를 담는 영역 ​ 5) - 중요 부분을 벗어난 내용을 담음, 페이지의 오른쪽 or 왼쪽 ​ 6) - 꼬리말 ​ 위치나 모양은 브라우저가 자동으로 정하지 않으므로 CSS3를 이용하여 직접 구현하여야 한다. ​ css3를 적용하면 이런 모양을 만들수 있습니다! - CSS3는 따로 포스팅하겠습니다 ^_^ ​ 혹시나 궁금한 점은 댓글로 남겨주세요!

표만들기, 하이퍼링크 ​ ​표만들기 HTML5에서 태그들을 이용하여 표를 작성할 수 있다. : 표 전체를 담는 컨테이너 : 표 제목 : 헤딩 셀 그룹 : 바닥 셀 그룹 : 데이터 셀 그룹 : 행, 여러 개의 , 포함 : 데이터 셀 ​ ​ ​ 하이퍼링크 만들기 태그와 href 속성으로 만들 수 있다. 태그 속성 ​

블록태그, 인라인태그, img태그, ol,ul,li태그 ​ 1) 블록 태그 vs 인라인 태그 ​ 1. 블록 태그 = 블록 태그는 항상 새 라인에서 시작하고 브라우저의 왼쪽 끝에서 오른쪽 끝까지 블록 공간을 차지한다. ( , , , )등이 있다. ​ 2. 인라인 태그 = 인라인 태그는 블록에 삽입되어 블록 콘텐트의 일부를 표현하는데 이용된다. ( , , , ) ​ 블록태그인 div와 , 인라인태그인 span을 사용하여 코드를 작성했습니다. 이해가 쉽도록 css를 활용하여 배경색을 넣었습니다. 차이점을 이해하셨나요? div는 블록 공간을 모두 차지하지만, span은 콘텐트의 일부만 차지합니다. ​ 이러한 성질을 이용해서 블록태그안에 span을 이용하여 일부분에 특별한 모양을 줄 수 있습니다! ​ ​ ​ 2)..

HTML 이란? ​ HTML은 웹 문서를 작성하는 태그 언어이다. HTML은 ,,,라는 필수 태그를 포함한다. ​ ​ 1) HTML 기본 문서 작성 HTML은 ~의 6개의 태그를 제공하염 문단에 제목을 붙인다. 사이에 들어가는 문장은 웹 페이지 타이틀이다. ​ ​ ​ 2) 단락 나누기 HTML에서 문단은 여러 단락으로 나눌 수 있으며 하나의 단락은 태그로 표현한다. 로 끝나는 문단 다음에는 자동으로 빈 줄이 생긴다. 차이점을 찾으셨나요? p태그를 이용하면 오른쪽 사진처럼 문단 다음 자동으로 빈 줄이 생긴다. ​ ​ ​ 3) 수평선 긋기 문단 내에서 내용의 전환이 필요한 곳에 수평선을 삽입하여 시각적 효과를 만들 수 있다. (* hr태그는 종료 태그가 없다 => 사용하지 않음!!> hr태그를 사용하면 오른..