본문 바로가기
  • GDG on campus Ewha Tech Blog

3-2기 스터디/프론트엔드 입문9

[3주차] CSS (1) 1. CSS 등장 배경 (1) HTML이 정보에 전념하게 하기 위해서 HTML로부터 디자인에 대한 기능을 분리한 것. (2) CSS를 통해 웹페이지를 디자인하는 것이 HTML을 통해 웹페이지를 디자인하는 것보다 훨씬 효율적. 2. style 태그 My Web About Notice Contact => 모든 태그에 디자인 적용 3. style 속성 My Web About Notice Contact => style 속성이 위치하고 있는 태그에 디자인 적용 (1) style 속성 2개 사용하는 법 Contact 4. CSS 속성 5. 선택자(Selector) My Web About Notice Contact This is 'Notice' page. => 기본적으로 모든 링크는 검은색, 사용자가 방문했던 링크는.. 2022. 5. 4.
[2주차] HTML (2) 1. HTML 기본 구조 What is Web? This is Web. : 현재 문서가 HTML5 문서 타입임을 명시한다. : HTML 문서의 루트(root) 요소를 정의한다. HTML로 작성된 모든 내용은 과 사이에 있어야 한다. : HTML 문서의 메타데이터(metadata)를 정의한다. 메타데이터란 HTML 문서에 대한 정보로, 웹에는 직접적으로 표현되지 않는 정보이다. 안에는 , , 등이 있다. 은 웹의 제목을 나타낸다. : 웹을 통해 사용자에게 보여지는 내용(content) 부분이다. 2. 목록 태그 1. HTML 2. CSS 3. JavaScript 1. HTML 2. CSS 3. JavaScript HTML CSS JavaScript ul 태그 : 순서가 없는 목록 - 글머리 기호를 붙여서 .. 2022. 4. 7.
[1주차] HTML (1) HTML(HyperText Markup Language) : Basic Tag 1. Bold Tag & Underline Tag This is my web page : Bold web : underline This is my web => This is my web 2. Heading Tag This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 3. New Line Tag I am a student. What is your name? Nice to meet you. 4. Paragraph Tag I am a student. What is your name? Nice t.. 2022. 4. 7.