시멘틱 태그 sematic 무의미한 태그가 아니라 '의미를 갖는다'는 뜻으로, 각 태그가 스스로 의미를 지닌다는 뜻 시멘틱 태그 태그설명header사이트에 대한 소개 정보나 메인 메뉴, 사이트 로고 등이 포함됨hgroup제목과 부제목을 묶는 역할nav사이트나 메뉴나 링크 같은 내비게이션 요소들이 포함section실제 문서 내용이 들어감article문서 내용이 많을 경우 여러 개의 요소로 나눌 수 있음aside문서의 주요 내용 외의 내용들을 넣어 문서의 주 영역 주변에 배치footer작성자 정보나 저작권 정보, 또는 관련 문서 링크 등 부가 정보들을 담고 있음 표현을 위한 태그 태그설명mark특정 텍스트를 강조하고자 할 때 사용하는 태그 소스코드 대한 대학교 홈페이지 세계를 향상 지식의 공간 1학년 2학년..

태그의 구성 요소 복합 태그 내용 속성을 가지는 태그 내용 단독 태그사용 예여러분을 HTML 강의를 시작합니다! 태그 사용 규칙 과 같이 여는 태그와 닫는 태그가 쌍으로 사용됩니다. 닫을 때는 태그명으로만 닫습니다. 태그명과 속성명, 속성명과 속성명 사이는 한 칸씩 띄웁니다. 그 외 공백을 두어서는 안 됩니다. 속성명과 값은 = 부호를 사용하여 표시합니다. 값이 두 단어 이상일 경우는 ""로 묶어서 표시합니다. 속성이 있는 태그가 있고 없는 태그가 있습니다. 속성을 반드시 하나 이상 사용해야 하는 태그도 있고 생략해도 되는 태그도 있습니다. 여는 태그만 독립적으로 존재하는 태그도 있습니다. 태그를 중첩해서 사용할 경우 먼저 열어준 태그를 나중에 닫아줍니다. 태그 사용 예 환영합니다! 하늘은 높고 바람은 ..

CSS Color Names http://www.w3schools.com/cssref/css_colornames.asp [ff0000]빨[ff8c00]주[ffff00]노[008000]초[0000ff]파[4b0082]남[800080]보

CSS 용어 용어설명제작자(Author)XHTML이나 XML문서를 제작자를 의미합니다.사용자(User)"클라이언트"라고도 불리며 제작자가 만든 문서를 사용하는 사람을 의미합니다.유저 에이전트(User Agent)사용자가 하려는 행위를 대신해주는 프로그램을 지칭합니다. 즉, 사용자가 문서를 볼 수 있도록 해주는 것으로, 제작자가 만든 문서를 시작적, 청각적인 형태로 바꾸어 사용자에게 제고하는 프로그램을 말합니다. 웹 브라우저등의 웹클라이언트 프로그램이 이에 해당됩니다.문서 언어(Document Language)웹 문서를 만드는데 사용되는 언어를 의미합니다. XHTML, XML등이 있습니다.요소(Element)문서 언어의 요소를 말합니다.속성(Attribute)요소에서 세부적인 속성을 의미합니다.값(Valu..

HTML 기본 구조 웹 문서 구조

CSS(Cascading Style Sheets) 기존의 XHTML 한계를 해결하고 홈페이지에 다양하고 새로운 효과를 표현하기 위해 사용 문서의 각 요소를 화면에 표시하기 위해 스타일 규칙을 모아놓은 문서 데이터를 포장하기 위한 포장지 역할 CSS의 등장 배경 HTML의 제약성에서 탈피. 홈페이지 전체에 통일감과 일관성을 유지. 홈페이지 제작 시간을 단축시키고 문서의 용량을 줄임 CSS의 표준화 작업과 신기술 및 팁을 제공하는 W3C에서 1996년 CSS레벨1 발표 1998년 CSS레벨2 발표 W3C-CSS Homepage http://www.w3.org/Style/CSS/ CSS의 장점/단점 CSS의 장점 기능 확장성HTML 기능의 확장 가능양식 모듈화흐름이 같은 문서 양식으로 전체 구성 가능간편성문서..