HTML 학습 요약

먼저, html이 무엇인지 물어봐야 합니다. 공식적인 설명은 Hypertext Markup Language입니다. 그것은 무엇을 의미합니까? 간단히 말하면 웹페이지를 만드는 데 사용되는 특수 언어입니다. 그렇다면 웹페이지란 무엇인가? 웹페이지는 본질적으로 문서인 브라우저 창 아래에 표시되는 페이지라고 말합니다.

웹페이지는 주로 텍스트, 그림, 하이퍼링크의 세 가지 요소로 구성됩니다. 이 3가지 요소를 이용하면 가장 간단한 웹페이지를 만들 수 있습니다. 그러나 실제로 이를 수행할 때 다음 질문을 고려해야 합니다. 페이지의 형식과 레이아웃을 어떻게 제어할 수 있습니까? 처음에는 이를 달성하기 위해 소위 "형식 제어 태그"와 "테이블"을 사용했습니다. 그러나 우리는 이 접근 방식에 심각한 단점이 있다는 것을 곧 발견했습니다. 예를 들어 특정 셀의 글꼴, 색상, 크기 등을 변경하려면 해당 셀을 하나씩 수정해야 합니다. 그러나 이것이 중요한 것은 아닙니다. 스크립팅 언어를 사용할 때 다른 레이아웃 방법이 더 유리하다는 것을 알게 될 것입니다. 수정하고 싶은 부분을 더 쉽게 찾을 수 있기 때문이죠.

이제 또 다른 레이아웃 방법인 div+css 스타일 시트를 고려해 보겠습니다. 먼저 이 접근 방식의 장점에 대한 예를 들어 보겠습니다. 1. 재현성이 뛰어나 여러 번 인용이 가능합니다. 2. 내용과 형식의 분리를 달성합니다. 3. 정밀한 제어와 빠른 검색 속도. 다음으로 사용 방법을 고려해 보겠습니다. 가장 간단한 방법은 div 태그에 직접 스타일을 작성한 다음 내용을 따르는 것입니다. 그러나 이 경우 이 레이아웃 방법의 장점은 분명하지 않게 됩니다. 가장 좋은 방법은 머리 속이나 바깥쪽에 스타일을 작성한 다음 이를 참조하는 것입니다. 여기서는 두 개의 선택자를 언급해야 합니다. 하나는 클래스 선택자이고 다른 하나는 ID 선택자입니다. 스타일 시트에 배치된 이러한 선택기를 통해 스타일을 정확하게 조작할 수 있습니다. 자세한 내용은 다루지 않고 차이점만 논의하겠습니다. 간단히 말해서, 클래스는 클래스이며 여러 번 참조할 수 있습니다. ID는 ID이며 한 번만 참조할 수 있습니다. 실제로 이를 명확하게 설명하려면 구체적인 예를 결합해야 합니다.

마지막으로 스크립팅 언어인 “JavaScript”에 대해 생각해 보겠습니다. 먼저, 스크립팅 언어란 무엇인지 물어봐야 합니다. 무슨 소용이 있나요? 다음 시나리오를 고려하십시오. 웹 사이트를 작성하고 성공적으로 게시했습니다. 사용자가 텍스트 상자에 올바른 정보를 입력하고 제출을 클릭했지만 아무 일도 일어나지 않았습니다. 물론 반응이나 행동을 쓰지 않았기 때문입니다. 이런 종류의 반응이나 행동을 달성하기 위해 정확하게 스크립팅 언어가 존재합니다. 즉, 스크립팅 언어의 존재가 절대적으로 필요하다는 것입니다. 사실, 이 사용법 외에도 더 일반적인 사용법이 있습니다. 앞서 언급했듯이 id나 class를 통해 특정 레이블의 스타일을 제어할 수 있습니다. 마찬가지로 스크립트 언어를 통해 ID나 클래스를 찾고 특정 태그의 스타일을 대화식으로 조작할 수 있습니다.

위 내용은 웹페이지 제작의 기본 내용 즉, HTML(콘텐츠), CSS(스타일), JS(스크립트/액션)입니다.