웹 프론트엔드 23

CSS1 - CSS 선택자

이번 포스팅에서는 css에 대해서 간단히 학습해 보도록 하겠다. CSS란 무엇일까? CSS란 Cascading Style Sheet의 약자로, HTML로 작성된 정보를 꾸며주는 언어이다. 문서의 레이아웃과 스타일을 정의한다. 선택자: 디자인을 적용할 html의 영역을 선택하는 것으로, 다양한 종류의 선택자가 존재한다. 스타일 속성: 어떤 스타일을 적용할지 정의하는 것 스타일 속성 값: 어떤 역할(값)을 수행할지 구체적으로 정하는 것(여러 속성들을 구분하기 위해 마지막에 ; 필수 입력) 예시는 아래 사진과 같다. CSS의 기본 문법 구성에 대해 살펴봤는데, 이 CSS를 HTML 문서에 연결하는 방법은 여러 가지가 있다. 1. Inline Style She..

웹 프론트엔드 2022.06.27

웹 기초2 - HTML 기본 태그

웹 기초1에서는 웹사이트를 만들 때 필요한 기술인 HTML, CSS, JavaScript의 의미를 살펴보고, 그 중에서 특히 HTML에 대한 기초적인 부분들을 다루었다. 웹 기초2 에서는 HTML에 대한 기본적인 부분들에 대해 추가적으로 학습할 것이다. 위의 코드는 HTML문서의 기본 구조이다. vscode에서 !+enter을 누르면 자동적으로 생성되므로 굳이 외울 필요는 없다. 맨 윗줄부터 의미를 살펴보자면, : HTML5라는 신조어로 문서를 선언하는 태그 : HTML문서의 시작과 끝을 의미하며, 모든 HTML태그 안쪽에 입력한다. : 웹사이트의 간단한 요약 정보를 담는 영역, 웹사이트에서 노출되지 않는 정보 즉, 메타 데이터(데이터를 위한 데이터)를 포함하기 위한 태그 title, style, lin..

웹 프론트엔드 2022.06.07

웹 기초1

웹사이트 제작 == 건물 짓기 웹사이트를 제작하는데에는 HTML, CSS, JavaScript가 필요하다. 웹 기초1에서는 HTML에 대한 정말 기초적인 부분만 다루어보도록 하겠다. 먼저 HTML이란 무엇일까? 1. HTML 정보 또는 설계도 (건물 설계도) 프로그래밍 언어가 아닌 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어 웹사이트에서 눈에 보이는 정보나 특정 구역을 설정할 때 사용하는 언어 HTML은 요소들로 구성되어 있으며, 여는 태그, 닫는 태그, 내용을 통틀어 요소라고 함(요소는 대소문자 구분x) HTML 태그들로 구성되어 있으며, 각각의 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용됨 컨텐츠 태그명: HTML이 갖고 있는 고유한 기능 형태로 입력..

웹 프론트엔드 2022.06.02