코딩배우는사람

제목태그(Header tag)사용시 주의점 1. 1~6까지의 제목태그(Header tag)가 있습니다. 위의 그림처럼 번 이상부터는 헤더처리가 되지 않습니다. 2. 하나의 html 파일에 태그는 하나만 쓰는것을 추천합니다. 글씨크기를 키우기 위함이라면 css를 사용하여 크기를 조절 하는것이 좋습니다. 이는 SEO(Search Engine Optimization)를 위한 작업입니다. 3. 제목태그(Header tag) 건너뛰기 비추천 제목태그(Header tag)의 숫자가 올라갈수록 하위단계의 제목입니다. 예시 h1 음식 h2 양식 h2 한식 h3 김치찌개 h3 된장찌개 h3 불고기 중구난방의 제목태그(Header tag) 남발은 검색과 사용자의 혼란을 야기합니다. 일관된 사용방법을 사용해야만 합니다. 4..

태그는 태그의 자식 태그로 존재해야 합니다. 1. 태그의 charset 태그 안에 charset 속성은 문서의 인코딩 방식을 정의할 수 있습니다. 위에 적힌 UTF-8은 Universal Coded Character Set + Transformation Format – 8-bit 의 약자입니다. UTF-8은 가장 많이 사용하는 가변 길이 유니코드입니다. 일반적으로 charset="UTF-8"을 설정해 주시면됩니다. 2. 태그의 content content 속성은 name, http-equiv 속성과 같이 사용됩니다. 단독적으로 사용되지 않고 다른 속성의 상태를 결정하는 속성입니다. 3. 태그의 name 검색엔진에서의 키워드를 작성합니다. 예를 들면 구글에서 meta 태그를 궁금해할 경우 content에 ..

semantic 의 사전적 의미는 의미의, 의미론적인 입니다. https://en.dict.naver.com/#/entry/enko/74453940307f4c45ba76b0aa988fc5c3 네이버 영어사전 미국/영국식 발음, 여러 종류의 출판사 사전 뜻풀이, 풍부한 유의어/반의어, 대표사전 설정 기능, 상세검색 기능, 영어 단어장 제공 en.dict.naver.com 해석해 보자면 의미를 가지고 있는 태그라고 할 수 있습니다. 의미가 있는 태그? semantic tag는 html5 에서 두드러지는 기능의 하나로 위의 2개의 태그는 non-semantic tag 입니다. 위의 태그는 정말 많이 쓰이는 태그이지만 위의 태그 자체로는 의미가 존재 하지 않습니다. 기능만 있을뿐입니다. 우리는 위의 태그를 이용..

태그에 대해서 잘 알아보겠습니다. 위에 태그들이 있습니다. 보면 잘 아시겠지만 html은 언어이기 때문에 문법이 존재합니다. 가장 중요한 첫번째 법칙은 열었던 태그는 닫아주어야 한다는 것입니다. 시작을 했으면 마무리를 해야 되는 것처럼 태그를 닫아주지 않으면 컴퓨터는 이를 계속 같은 태그로 인식하게 됩니다. 마지막 footer 태그처럼 한 줄로도 표현 가능합니다. ex) https://www.advancedwebranking.com/html/ The average web page from top twenty Google results Apparently, an average web page uses thirty-two different element types: The thirty-two elements..

태그로 원하는 페이지로 이동시킬수 있습니다. 위에처럼 링크를 추가 하게 되면 열려있는 창이 링크가 걸려있는 주소로 이동되게 됩니다. 현재 있는 창을 유지하고 새로운 창으로 열고자 한다면 위 처럼 작성해주시면 기존창이 유지가 되면서 새로운 창이 추가되어 열립니다.

Hyper Text Markup Language 의 약자로 표시됩니다. Ted Nelson 이라는 사람에 의해 정의된 용어 이며 쉽게 말한다면 링크입니다. 윗줄에 Ted Nelson 이라는 텍스트가 Hyper Text(하이퍼텍스트) 입니다. 하이퍼텍스트에 이어서 Markup Language 라는건 컴퓨터 언어 라는 뜻이고 쉽게 말하자면 이처럼 로 가두어진 텍스트를 태그(tags)라고하는데 이것이 마크업 언어입니다. 참고! 두개는 Angle bracket 이라고 불립니다. Right angle bracket F12나 마우스 오른쪽 클릭 - 검사를 눌러서 열수있는 콘솔 창입니다. 위 사진 처럼 Elements 항목에 가시면 html 구조를 볼 수 있습니다. 첫줄에 보면 이 있습니다. 이는 최신 버전인 htm..

1. 스페이스 1번 띄어쓰기 위에 그대로 html 에 넣게 되면 스페이스 한칸분량만큼 간격을 주게됩니다. 2. 스페이스 2번 띄어쓰기 위에 그대로 html 에 넣게 되면 스페이스 두칸분량 만큼 간격을 주게됩니다. 3. 스페이스 4번 띄어쓰기 위에 그대로 html 에 넣게 되면 스페이스 네칸분량만큼 간격을 주게됩니다.