본문 바로가기

html

(3)

[JavaScript] HTML에 JS 연결하는 방법 비교 / async VS defer 차이점 🔽 HTML 파싱에 대해서는 아래 포스트를 참고해주세요 🔽[HTTP] 브라우저 렌더링 과정🔗 Browser Rendering(브라우저 렌더링)이란? 사용자의 요청을 서버에 전달하고 그 결과를 화면에 나타내는 과정을 의미한다. 🔗 Parsing(파싱)이란? 브라우저가 코드를 이해하고 사용할 수 있는 devjindev.tistory.com 1. head 안에 불러오는 경우 ⭐☆☆☆ 123456789 ... ... cs JS를 불러오는 동안 HTML 파싱을 멈추고, JS 다 불러오면 나머지 파싱을 진행하기 때문에 사용자에게 페이지가 보여지는 시간이 딜레이된다. 2. body 안(맨 끝)에 불러오는 경우 ⭐⭐☆☆ 123456789 ... ... cs 먼저 HTML을 모두 파싱하여 사용자에게 페이지가 보여진 후,..

[HTML] HTML 태그 정리 🔗 HTML 기본 구조 : 웹 페이지의 시작과 끝 : , 등을 포함 : 웹 문서 정보 (해당 문서가 어떤 내용을 담고 있는지, 키워드는 무엇인지, 누가 만들었는지 등) : 웹 문서 이름 : 웹 문서 본문, 실제 화면에 나타나는 내용 기술 🔗 기본 태그 : 레이아웃 나눌 때 사용 : 비어 있는 태그 (역할 X) : 문단 : 줄바꿈 🔗 heading 태그 ~ : 제목 (h1 -> h6으로 갈수록 소제목) 🔗 text 태그 : 진하게 : 진하게 (의미강조) : 기울이기 : 기울이기 (의미강조) : 색상 강조 : 위 첨자 : 아래 첨자 : 취소선 : 취소선 (실제 취소) : 밑줄 : 작게 : 크게 : 키보드 활자 : 컴퓨터 코드 : 프로그램 처리 결과 표시 : 구분선 (= 위와 아래의 주제가 바뀐다.) : bl..

HTML / CSS / JavaScript 의 역할 및 차이점 🔗 HTML (Hypertext Markup Language) - 웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어 - 웹의 뼈대, 구조를 설계하는 역할 🔗 CSS (Cascading Style Sheets) - 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트 - HTML에 살과 옷을 입혀 웹을 꾸며주는 역할 (색깔, 글씨체 등 디자인 요소) 🔗 JavaScript - 웹 문서의 동작을 담당하는 크로스 플랫폼(cross platform), 객체지향 스크립트 언어 - 웹의 동적(시각적 변화) 반응을 처리하는 역할 더 이해하기 쉽게 우리 '몸'을 예를 들어 설명해 보도록 하겠습니다! HTML은 몸의 뼈 CSS는 뼈를 감싸는 살과 옷 JavaScript는 몸을 움직이는 동적 반응 이라고 할 수 있겠네..

이전 1 다음

티스토리툴바