WEB 18

CSS - CSS의 시작 (부제: HTML과 CSS의 사용 차이법을 알아보자)

font 테그 추가로 진행 = CSS의 등장 이전 상황 -> 만약 100억개의 테그를 수정해야 하는 일이 있다면? 매우 곤란해짐 -> 그래서 다음 챕터에서 CSS를 이용한 수 많은 불편함을 해결하는 방법이 등장함 web에 대한 정보는 HTML의 테그와 속성이 담고 있다. 그렇다면 CSS는 무엇을 의미할까? CSS 자체는 web에 대한 정보는 전혀 가지고 있지 않으며 디자인을 나타내고 있다. 우리누리의 축제정보 우리누리 축제정보 소개 검색 캘린더 Fetival 주석처리를 한 것들이 똑같은 디자인을 나타낼 수 있게 한 것이다 위의 주석은 CSS를 통해 디자인을 넣은 코드이고 아래의 주석은 HTML 테그인 font 테그를 이용해서 디자인을 넣은 코드이다.

HTML - 문서의 구조 (부제: 태그의 슈퍼스타들을 알아보자)

웹브라우저로 열었을 때 글짜가 깨지는 경우 해결법 : UTF - 8로 작성된 파일을 UTF - 8로 열도록 바꿔준다. HTML의 태그는 본문과 본문을 설명해주는 것들로 나뉜다. 본문은 로 묶는다. 본문을 설명해주는 태그는 검색 캘린더 소개 우리누리 html의 기본적인 구조를 살펴보았다. HTML의 주석은 로 처리하면 된다. 본문의 내용을 설명해주는 태그들 본문을 설명하는 태그들

HTML - 부모자식과 목록 (부제: 목차를 만들며 부모자식 관계를 알아보자)

목차를 만들기에 앞서 목차를 list 태그로 만들어 준다. 여러 분류별 목차가 겹치지 않게 구분하기 위해선 li태그의 부모태그로 구분을 해준다. 이런식으로 진행을 해준다. 또한 부모태그는 자식태그를 꼭 가지고 있고 자식 태그는 부모태그를 꼭 가지고 있다 Ordered List Unordered List 이러한 경우는 2대 태그의 경우엔 3대가 같이 다닌다.

HTML - 간단한 HTML의 이점과 속성을 알아보자(부제: 태그로 표현이 안 될땐 태그의 속성(Attribute을 이용해보자.)

간단하게 봐도 좋고 공부를 원한다면 다음 단계의 수업을 들어도 좋음. 중간중간 이런 휴식 강의가 있다.. 1. 문법(= 태그)의 속성(= 태그의 심화된 문법)을 배우면 마스터! 2. 인기있는 태그 설명 이미지를 웹페이지에 포함 시키는 태그 unsplash.com/ Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. unsplash.com 저작권에 구해받지 않고 이미지를 사용할 수 있는 웹페이지 Yaloo's development blog 안녕하세요 얄루의..

HTML - 태그 (부제: 어디서 태그를 찾고 있니?)

www.advancedwebranking.com/html/ The average web page from top twenty Google results Apparently, an average web page uses thirty-two different element types: The thirty-two elements used on most pages, ordered by appearance frequency: www.advancedwebranking.com 태그는 설명을 해주는 것을 의미한다. 저 위의 사이트는 우리가 많이 쓰는 태그를 순위 메겨 놓은 사이트로 순위는 의미 없겠지만 살펴보다 보면 이런 태그가 있겠구나? 싶을 것. 태그에 관한 내용들을 수업에서 알려준다. 태그라는 것이 조잡하지 않게..

HTML - HTML 코딩 실습 환경 준비(부제: ATOM을 다운 받자)

HTML의 실습환경 준비. 개발환경을 ATOM을 깔아 사용 그전까지는 비쥬얼 스튜디오로 작업했었는데, 새로운 환경을 깔게 되어서 기대가 됨 새로운 디렉토리(=폴더)를 만들어서 ATOM의 파일을 눌러 open folder을 누른 뒤 새로 만든 디렉토리를 선택해준다. 그 뒤 그 디렉토리에 HTML 파일을 만들어 작성을 해주면 웹페이지가 만들어지게 된다. 이때 특이점은 다른 웹페이지의 경우엔 사이트 주소를 쳐야 들어갈 수 있지만 이렇게 만든 경우엔 내 폴더 주소가 쳐진다 신기하군. 이런 식으로 구성되어 있음.