webOS Engineering Blog

CSS란? 웹 문서의 스타일을 변화시킬 수 있는 스타일 시트. 일관성있는 방식으로 문서의 스타일을 지정할 수 있게 합니다. CSS를 통해 깔끔하고 일관적인 방식으로 스타일을 지정할 수 있습니다. 1. Basic Structure 이전 html를 다룬 글에서 봤던 (https://webos-supporters.tistory.com/2) basic structure에서 태그만 추가된 것을 확인할 수 있습니다. CSS는 HTML이라는 뼈대 안에서 태그로서 스타일을 기술하는 언어를 일컫는 말입니다. HTML 파일 내부에서 직접 입력하는 방식과 달리, 별도로 .css 확장자 파일을 생성하여 html에 연결하는 방식도 있습니다. 실제로 어떤 식으로 사용되는지 살펴보겠습니다. 2. CSS 선택자란? 안녕! 여기에는 ..

Run JavaScript 1. script 태그 html문서에서 script 창을 열고 코드를 치면 javascript를 실행할 수 있다. (쉽게 말하면, 웹브라우저에게 '이 코드가 javascript 코드입니다.'를 알려주는 태그) JavaScript html 1+1 javascript와 html의 차이점은? javascript는 숫자를 계산해서 출력해낼 수 있지만, html은 정적이기 때문에 숫자를 계산하지 못한 채로 그대로 출력한다. 2. Event handler Eventhandler : 어떠한 Event가 일어났을 때 어떠한 javascript가 실행되도록 하는 것 on○○○○라는 html의 속성의 속성 값으로는 반드시 javascript가 와야한다. -onclick : 클릭했을 때 속성 값으..

정보를 위한 태그 1. Basic Structure 모든 HTML 문서들은 문서의 형식을 선언하는 로 시작해야한다. html 문서는 로 시작해서 로 끝나야 한다. : html 페이지에 대한 정보를 담는다. : tab에 정보를 나타낸다. : 보여지는 content들을 나타낸다. visual studio code 에디터를 사용하는 경우 html 파일 작성 화면에서 !를 쓰고 엔터를 치면 기본 구조가 자동으로 나온다 ! (꿀팁 ㅎㅎ) ※ html에서 주석 처리는 으로 나타낸다. ctrl + / 를 치면 자동으로 주석처리된다. 2. 제목 태그 (headings) 중요한 내용은 제목태그를 사용한다. title1 title2 title3 title4 title5 title6 3. 문단 (paragraph) cont..