Study Record

시맨틱 태그란?문서 구조를 정의할 수 있는 새로운 요소들이 도입되어 태그만 보고도 쉽게 페이지 구조를 이해할 수 있다. 사람들이 소스를 쉽게 이해할 수 있도록 태그를 의미가 통하게, 즉 시맨틱 태그로 바뀐 것이다. 즉, 사람들이 소스를 쉽게 이해할 수 있도록 의미가 통하는이라는 영어 단어를 사용한 말로 HTML5부터 도입된 태그를 시맨틱 태그라고 한다.  레이아웃을 위한 HTML5 시맨틱 태그들  사랑합니다   웹 브라우저 버전 고려하기HTML5 태그를 지원하지 않는 브라우저들이 있다. 모든 사용자들이 최신 웹 브라우저를 사용하는 것은 아니기 때문에 그런 사용자들까지 고려해야 한다. 브라우저는 자신이 인식하지 못하는 태그를 만나게 되면 인라인 태그로 취급하게 된다. 하지만..

웹 문서와 이미지웹 페이지에서 사용할 수 있는 이미지 파일은 파일 크기가 크지 않으면서도 화질은 좋게 유지해야 하기 때문에 몇 가지 파일 형식만 사용할 수 있다.  파일 형식 GIF : 표시할 수 있는 색상 수가 최대 256가지뿐이지만 다른 이미지 형식에 비해 파일 크기가 작다. 투명한 배경이나 움직이는 이미지를 만들 수 있다. JPG/JPEG : 사진을 위해 개발된 형식으로 GIF보다 다양한 색상과 명암을 표현할 수 있다. 저장을 반복하면 화질이 떨어질 수 있다. 투명한 배경을 만들 수 없다. PNG : 투명 배경을 만들면서 다양한 색상도 표현할 수 있다. 네트워크용으로도 개발되었기 때문에 많이 사용된다.   태그웹 문서에 이미지를 삽일할 때 사용한다.- src 속성 : 이미지 파일 경로를 설정한다. ..

태그에는 이름과 속성이 있습니다.   문서 유형을 지정하는 태그이다. 웹 브라우저는 처음으로 이 태그를 보고 HTML5에 맞춰 문서를 해석하면 되겠구나 이해할 수 있다.  문서 유형을 태그로 선언한 후 실제 문서 정보와 내용이 시작되고 끝나는 것을 표시하는 태그이다. 태그는 웹 문서가 시작된다는 뜻이고 태그는 웹 문서가 끝났다는 뜻이다. lang 속성으로 사용할 언어를 지정할 수 있다. 언어를 지정하지 않는 경우 언어를 제한해서 검색할 때 검색되지 않는다. 또한 화면 낭독기에서 웹 문서를 소리내어 읽어줄 때 언어가 명시되면 그 언어에 맞추어 발음하는 억양, 목소리 등을 다르게 해서 들려줄 수 있다.* 두 자리 국가별 언어 코드는 ISO 639-1 표준에 정해져 있다.  주석 달기   브라우저에..

HTML 이란 무엇일까?컴퓨터에서 사용하는 모든 파일에는 각각 고유의 형식이 있다.웹에서는 웹에 맞는 형식인 *.html(또는 *.htm)로 문서를 저장해야 한다.텍스트뿐만 아니라 이미지, 링크 등 여러 요소들을 다루고 표시할 수 있어야 한다.웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어가 HTML 이다.HTML은 하이퍼텍스트 마크업 랭귀지(HyperText Markup Language)의 줄임말로 하이퍼텍스트를 마크업하는 언어이다.하이퍼텍스트란 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능을 말하고 마크업이란 태그를 사용해 문서에서 어느 부분이 제목이고 본문인지, 사진인지 링크인지 표시하는 것을 말합니다. 즉 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어가 ..