WEB

JavaScript는 html을 제어하며, 사용자와 상호작용하는 언어이다. 웹브라우저는 한 번 출력되면 자기 자신을 바꿀 수 없다. 하지만 JS를 활용하면 변화를 줄 수 있게 된다. script 태그 html 문서에 JS 코드를 작성하면 웹브라우저에게 JS 코드가 시작된다는 것을 알려줘야 한다. 이 역할을 하는 것이 script 태그이다. script 태그 안에는 JS 코드가 작성되도록 약속되어 있다. 1+1 document.write(1+1); 1+1 위 2개 코드의 결과는 완전히 다르다. JS는 동적이기 때문에 1+1의 연산 결과를 출력한다. input tag input 태그로 사용자와 상호작용하는 버튼, 텍스트 필드, 체크박스 등을 만들 수 있다. input 태그의 속성 type에 어떤 속성값을 부..

CSS의 등장 a 태그로 링크가 연결된 폰트들의 색을 변경하려고 한다. CSS 도입 이전에는 아래 코드에 font 태그를 추가해 색을 변경했다. 하지만 font 태그는 h1, a 태그처럼 Nutrition을 설명하는 정보를 담고 있지 않고 디자인을 나타낼 뿐이다. 디자인 자체는 정보가 아니다. Nutrition Carbohydrate Protein Fat 위 문제를 해결하기 위해 style 태그가 등장한다. style 태그 style 태그는 HTML의 문법이면서 웹브라우저가 style 태그 안쪽에 있는 코드를 CSS 문법으로 해석하도록 한다. style 태그 안 코드의 의미는 a 태그를 가진 모든 폰트의 색을 red로 지정한다는 것이다. 모든 폰트에 하나하나 font라는 태그를 작성하지 않고도 손쉽게 폰..

HTML의 시작 strong 태그 아무 태그없이 작성한 HTML은 밋밋하다. 중요한 단어를 강조하기 위해 어떤 부분을 진하게 만들고 싶다면 위 태그를 사용한다. u 태그 이미 강조한 단어 중 더 강조하고 싶은 단어가 있어 밑줄을 긋고 싶다면 위 태그를 이용한다. h 태그 제목을 나타내고 싶다면 위 태그를 이용한다. 숫자가 커질수록 크기는 작아진다. 모든 태그를 암기? 세상에는 많은 태그가 있고 한 웹페이지에서 그 많은 태그를 모두 사용하지 않는다. 전부 다 외울 필요가 없다는 뜻이다. https://www.advancedwebranking.com/html/ 해당 사이트에서는 많은 웹페이지에서 쓰이는 태그들의 순위를 보여준다. 이를 참고하여 어떤 태그들이 왜 많이 사용되는지를 파악하고 똑똑하게 코딩하자. ..