WEB (33) 썸네일형 리스트형 CSS 이론 : 기본 문법 h1 {color:red} 선택자라는 것은 뒤쪽에 있는 color를 붉은 색으로 한다라는 것을 누구에게 적용시킨 것인가라는 것이기때문에 선택자라 한다. { } 서술은 어떤효과를 선택자에게 줄 것인가 라고 하는 내용이 기술되어 있는 곳이다. ATOM 활용하기 settings -> install -> emmet 클릭 후 install 코드를 작성하는 수고를 덜어주는 환상적인 도구 "emmet" html을 쓰고 Tab키를 누르면 ctrl 키를 누른상태로 글자를 드래그하면 같이 동시 수정할 수 있다. HTML 실습 - 사이트 완성 HTML 실습1 :모델링을 HTML로 만들기 : 대제목 (1~6) 이 태그로인해서 화면상에서 표시되는 모습이 달라지는 것은 없지만 nav이라고 하는 약속되어 있는 태그를 쓰는걸 통해서 누가봐도 저 내부 안쪽에 있는 부분이 이 웹사이트를 탐색하는데 사용되는 정보라는 것을 이해할 수 있게된다. 간판과 같은 역학을 하는 태그 이 문서에서의 본문이구나라는 것을 알 수 있는 태그 활용 List [리스트를 쓸 때] html li는 list의 약자이다. ▼ 자 그런데 여기서 문제 ! 우리가 배워야할 수업들의 리스트를 화면에 표시하고, 그리고 수업을 참여하는 사람들의 이름들을 열거한다고 한다면 시각적으로 각각 그룹화가 되어서 위에는 수업, 밑에는 참여자들로 구분이 되어야한다면 어떻게 해야할까 ? ul 태그를 활용하자 한번 직접 해보자! ul == unordered list 순서가 없는 리스트라는 의미 그럼 반대로 순서가 있는 리스트도 있을까? 있다. 그것은 바로 ol이다. 라는 것은 웹페이지에서 본문에 해당되는 내용 들이 안에 있어야 한다. 이문서를 설명하는 정보들을 감싸고 있는 태그이다. utf-8 -> 이것을 안쓰면 한글이 깨지는 일이 생긴다. 문서의 제목이 바뀌는 것을 알 수 있다. 이 모든것.. HTML 속성 링크를 통하여 해당 문서로 이동하게 하고 싶을때 a 태그를 활용한다. 생활코딩 a태그를 보았다면 아 어딘가에 링크가 걸려있구나라는 것을 알 수 있다. 하지만 a태그만으로는 생활코딩을 링크로 표현하기에 부족한 부분이 있다. 왜그럴까? 어디에 링크가 걸려야 되는가? 어떠한 문서에 연결되어있는가에 대해서는 여기에서는 기술하고 있지 못하기 때문이다. a는 그냥 생활코딩이 링크라는 것만 알려줄 뿐이지 저것이 어디에 링크되어 있는지는 알려주지 않기 때문이다. 자 그때 사용하는 문법적 요소가 바로 속성이라는 것이다. 생활코딩 a 태그는 같은데 href="http://opentutorials.org/course/1" 이 부분이 추가가 되면 웹브라우저는 비로소 생활코딩이라는 텍스트가 링크라는 사실과 http://open.. HTML 개요 HTML 웹 페이지를 작성하기 위한 가장 기본적인 언어 문서 안의 정보가 어떻게 구조화되었는가를 지정하는 언어 Hypertext : 문서와 문서가 링크로 연결되어 있다. 웹페이지는 어떤 링크를 누르게 되면 다른 문서로 넘어가게 되죠? 바로 그런 형태의 문서 시스템을 HyperText라 한다. (HyperText를 고안한 사람 - Tim Berners-Lee) html이라 하는 언어에서 가장 중요한 것은 Hypertext라는 특징이다. 다른 말로는 링크라고 볼 수 있다. 링크를 인해서 문서와 문서가 그물망처럼 연결돼서 링크로 연결된 하나의 거대한 정보 덩어리가 된 것이 바로 WEB이라 할 수 있다. 그래서 링크는 HTML의 본질이라 할 수 있고 HTML의 본질은 웹의 본질이라 할 수 있다. 특징 W3C에 .. 웹애플리케이션 만들기 - 서버제어(제어판) 클릭하면 나오는 창 이전 1 2 3 4 5 다음
