생활코딩 썸네일형 리스트형 [CSS 이론 ③]float float 속성- css의 효과- 웹페이지 레이아웃을 디자인할때 사용 화면에 image 이미지를 표현하는 테그- img 테그에서 src 속성을 사용- - 원하는 이미지 오른쪽 클릭 이미지 url 복사 선택- 이미지 옆에 글이 뜸 이미지에 테두리 생성 삽화나 이미지가 화면에 추가가 될때 텍스트가 위쪽으로 올라오게 하는 방법- float 사용 먼저 text를 여기에 꽉채워. 이따가 url붙일 이미지 크기보다 더 긴 텍스트를 복붙하시거나 쓰면돼. 출처 : 생활코딩:P 더보기 [CSS 이론②] 박스모델 li*3 tab key- 3개가 자동으로 완성 - border :1px red solid;- 테두리 :1px 붉은색 단선- 순서가 바뀌어도 됨 - border: 테두리- solid: 단선- dotted : 점선- 많은 효과를 주기 위해서는 한칸 띄우고 쓰기 중간에 CSS만 효과를 주기 위해서는 어떻게 해야하나? CSS - li id="selected"- 그때 사용하는 html 속성 중에 id 속성이 있음- id 값이 selected 인 태그를 선택해서 거기에 어떤 효과를 줄 수 있음- CSS- 위 에서 진행 ↓id="selected"인 태그만 선택해서 테두리를 줄 수 있나?- id 값이 selected 인 태그를 원하는 것으로 - selected 앞에 #을 붙여줌- id 값이 selected 태그만 선택.. 더보기 [HTML 실습 ②]의미론적인 웹 Semantic Web : 의미론적인 웹- 정보의 의미를 더 잘 드러나게 하는 것. 웹이라는것은 - html이 차지하는것은 정보 - 끊임없이 변화하여 디자인담당하는 역할이나 태그들이 css로 분리 됨.- 정보의 의미를 더 잘 드러나게 하는 것.- XHTML -> HTML5 JavaScript ←, 는 문서를 탐색하는 태그JavaScript란?변수와상수연산자변수와 상수 변수란 ←↓문서의 본문에 해당 contents, 위쪽은 navigation변하는 값x=10일때 왼쪽항... - 태그로 감싸주면 기계들 입장에서 이 리스트들이 네비게이션을 위한 리스트라는 것을 분명히 알수 있음- nav로 감싸져 있지 않은것은 contents- nav가 어떤 기능이 있다고 할수 없음. - 화면상에 표시되는 것이 달라지지 않음-.. 더보기 [html 문법] html 태그의 중첩 - List, 서로 연관되어 있고 항목화, 목록화 시키는 것.- 리스트를 웹페이지에 사용할때. - unordered list 순서가 없는 리스트- 그룹별 구분 간격 (별도로 구별되는 그룹을 알수있음)- 각각의 그룹들을 ul 태그로 묶어주면 됨. - ordered list 순서가 있는 리스트(순서가 필요한 부분, 숫자가 자동으로 붙음) - 웹페이지에서 본문에 해당되는 내용들- body 태그안에 본문이 들어가도록 약속되어있음. - 쉽게 생각하면 화면에 표시되는 부분들 - 문서를 설명하는 정보를 감싸고 있는 태그. - 문서에 대한 정보를 담고 있는 태그- 우리가 작성한 문서가 utf-8방식으로 문자코드로 저장되어있는 문서이다.- utf-8 을 사용하지 않으면 한글이 깨지는 경우가 있기때문에 권장 - 문서의 제.. 더보기 이전 1 다음
