HTML 썸네일형 리스트형 [CSS 이론 ③]float float 속성- css의 효과- 웹페이지 레이아웃을 디자인할때 사용 화면에 image 이미지를 표현하는 테그- img 테그에서 src 속성을 사용- - 원하는 이미지 오른쪽 클릭 이미지 url 복사 선택- 이미지 옆에 글이 뜸 이미지에 테두리 생성 삽화나 이미지가 화면에 추가가 될때 텍스트가 위쪽으로 올라오게 하는 방법- float 사용 먼저 text를 여기에 꽉채워. 이따가 url붙일 이미지 크기보다 더 긴 텍스트를 복붙하시거나 쓰면돼. 출처 : 생활코딩:P 더보기 [CSS 이론①] 기본문법 CSS- 정보를 아름답게 표현하게 하는 언어 - Cascading Style Sheet- html과 다른 독립된 언어- html을 떠나서 살수 없음- html + CSS- css가 고안된 목표는 html이라는 언어를 디자인하기 위해 고안됨- html은 정보, css는 design에 집중- style이라는 태그를사용 큰제목중간제목작은제목- 의미에 따른 디자인 - style이름의 태그를 만나면 이제부터 CSS 라고 생각- 이후의 정보들을 CSS 문법따라서 해석해서 실행하게됨- CSS 시작과 끝을 의미하는 것은 태그- 꺽새표시가 있다면 html 즉, h1 {color:red}- h1 이름을 가지고 있는 태그를 가리키는것.- h1 이름을 가지고 있는 태그의 색깔을 붉은색으로 해라.- 만약 문서상에 h1이 하나더.. 더보기 [HTML 실습 ②]의미론적인 웹 Semantic Web : 의미론적인 웹- 정보의 의미를 더 잘 드러나게 하는 것. 웹이라는것은 - html이 차지하는것은 정보 - 끊임없이 변화하여 디자인담당하는 역할이나 태그들이 css로 분리 됨.- 정보의 의미를 더 잘 드러나게 하는 것.- XHTML -> HTML5 JavaScript ←, 는 문서를 탐색하는 태그JavaScript란?변수와상수연산자변수와 상수 변수란 ←↓문서의 본문에 해당 contents, 위쪽은 navigation변하는 값x=10일때 왼쪽항... - 태그로 감싸주면 기계들 입장에서 이 리스트들이 네비게이션을 위한 리스트라는 것을 분명히 알수 있음- nav로 감싸져 있지 않은것은 contents- nav가 어떤 기능이 있다고 할수 없음. - 화면상에 표시되는 것이 달라지지 않음-.. 더보기 [HTML 실습 ①]모델링을 HTML로 만들기 - html 에서 대제목을 나타냄- 크고 진함- 문서의 주제어, 제목들- 대제목 - h1보다 더 작으나 여전히 진함- 상대적으로 작음- 소제목 - 순서 O - 순서 X - 리스트 항목들을 보여줌 123456789101112131415161718 JavaScript JavaScript 변수와 상수 연산자 변수와 상수 변하는값 x=10 일때 왼쪽항 ... 연산자 출처 : 생활코딩 강좌 :p 더보기 [html 문법] html 태그의 중첩 - List, 서로 연관되어 있고 항목화, 목록화 시키는 것.- 리스트를 웹페이지에 사용할때. - unordered list 순서가 없는 리스트- 그룹별 구분 간격 (별도로 구별되는 그룹을 알수있음)- 각각의 그룹들을 ul 태그로 묶어주면 됨. - ordered list 순서가 있는 리스트(순서가 필요한 부분, 숫자가 자동으로 붙음) - 웹페이지에서 본문에 해당되는 내용들- body 태그안에 본문이 들어가도록 약속되어있음. - 쉽게 생각하면 화면에 표시되는 부분들 - 문서를 설명하는 정보를 감싸고 있는 태그. - 문서에 대한 정보를 담고 있는 태그- 우리가 작성한 문서가 utf-8방식으로 문자코드로 저장되어있는 문서이다.- utf-8 을 사용하지 않으면 한글이 깨지는 경우가 있기때문에 권장 - 문서의 제.. 더보기 이전 1 다음